Mas Sehat | Blog Tentang Kesehatan | Mas Sehat ~ Blog Tentang Kesehatan | www.mas-sehat.com

Cara Mudah Membuat Breadcrumbs

Najibblog2010, Sekarang saya akan membahas tentang bagaimana cara mudah membuat breadcrumbs. Langsung saja saya bahas

1. Login ke Blogger =>Tata Letak=>Edit HTML jangan lupa Centang Expand Widget Template. Saya sarankan backup dulu template anda sebelum melakukan hal ini, ini dilakukan agar nanti jika ada kesalahan anda dapat memperbaiki kembali.
2. Cari kode ini ]]></b:skin>
3. Copykan kode dibawah ini tepat sebelum kode ]]></b:skin> di atas.
.breadcrumbs{
float:left;
width:590px;
font-size:11px;
border-bottom:double #eaeaea;
margin:0 0 20px;
padding:0 0 3px
}


4. Cari bagian kode-kode dibawah ini :
<b:includable id='main' var='top'>
<!-- posts -->
<div class='blog-posts hfeed'>
<b:include data='top' name='status-message'/>
<data:adStart/>

5. Ganti kode <b:include data='top' name='status-message'/> dengan kode <!-- <b:include data='top' name='status-message'/> -->
7. Letakkan kode breadcrumbs berikut dibawah kode <!-- <b:include data='top' name='status-message'/> --> :

<b:include data='posts' name='breadcrumb'/>


Hasilnya kayak gini:

<!-- <b:include data='top' name='status-message'/> -->
<b:include data='posts' name='breadcrumb'/>


8. Cari kode di bawah ini:
<b:includable id='main' var='top'>

9. Masukkan kode Breadcrumbs dibawah ini tepat diatas kode yang tadi.
<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='breadcrumbs'>
Browse &#187; <a expr:href='data:blog.homepageUrl' rel='tag'>Home</a>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == &quot;true&quot;'> &#187;
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
</b:if>
</b:loop>
&#187; <span><data:post.title/></span>
</b:if>
</b:loop>
</div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<div class='breadcrumbs'>
Browse &#187; <a expr:href='data:blog.homepageUrl'>Home</a> &#187; Arsip untuk <data:blog.pageName/>
</div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == &quot;&quot;'>
Browse &#187; <a expr:href='data:blog.homepageUrl'>Home</a> &#187; Seluruh Artikel
<b:else/>
Browse &#187; <a expr:href='data:blog.homepageUrl'>Home</a> &#187; Artikel Pada Kategori <data:blog.pageName/>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>


10. Simpan Template…selesai

Selamat mencoba dan semoga anda berhasil dalam membuat breadcrumbsjangan lupa komentarnya yachhehe….

(sumber: http://adhiets.blogspot.com) (share by: http://najibblog2010.blogspot.com)

...........................................

Disclaimer:
Terima kasih telah membaca artikel tentang Cara Mudah Membuat Breadcrumbs di blog Najibblog2010 , semua yang ada diblog ini hanyalah sebagai informasi semata, pemilik blog tidak berniat untuk merugikan pihak manapun, pemilik blog merekomensasikan dan mengharuskan para pengunjung blog ini untuk membeli progam atau game full version kepada pemilik software untuk mendapatkan software versi full version dan bukan hasil patch atau crack atau istilah yang sejenis lainnya. Pemilik blog menghargai hak cipta pemilik software atau hak cipta, pemilik blog akan menghapus postingan jika Anda merasa dirugikan akan postingan yang ada di blog ini sebagai pemilik software atau hak cipta. Silahkan mengirim email ke najibsangar@gmail.com untuk menghubungi pemilik blog. Pemilik blog akan merespon Anda secepat mungkin. Jika anda ingin menyebar luaskan artikel ini di mohon untuk mencantumkan link sebagai Sumbernya, dan bila artikel ini bermanfaat silakan bookmark halaman ini diwebbroswer anda, dengan cara menekan Ctrl + D pada tombol keyboard anda.

Artikel terbaru :

Mas Sehat | Blog Tentang Kesehatan | Mas Sehat ~ Blog Tentang Kesehatan | www.mas-sehat.com

3 komentar

:c: Kalo itusih aku juga bisa,sebagian teks diatas tdk kelihatan

Balas

sayangnya jib.... tenplate q kodenya g ada

Balas

Sudah say perbaiki mas rizky..silahkan dicoba kembali..

Balas