Cara Membuat Breadcrumb

Karena masih banyak template yang belum ditambahkan Breadcrumb, sekarang saya akan share cara membuat Breadcrumb di blogspot.

Cara membuat Breadcrumb di Blogspot

• Login Blog anda > Design > Edit HTML dan centang Expand Widget templates
• Cari kode ]]></b:skin> ( gunakan CTRL + F agar lebih mudah )
• Paste kode berikut tepat diatas kode ]]></b:skin>

.breadcrumbs{
padding-left:10px;font-size:95%;
line-height:1.4em;
border-bottom:4px double #cadaef;
}

• Kemudian cari kode <b:includable id='post' var='post'>
• Setelah ketemu, silahkan paste kode berikut tepat dibawah kode <b:includable id='post' var='post'>

<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='breadcrumbs'>
Anda disini &#187; <a expr:href='data:blog.homepageUrl'>Home</a> &#187;
<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
<b:if cond='data:label.isLast != &quot;true&quot;'> , </b:if>
</b:loop>
</b:if> &#187; <data:post.title/>
</div>
</b:if>
</b:if>

• Save template ( selesai ) 

Cara membuat breadcrumb

Cara membuat Breadcrumb atau menu navigation ini sudah bukan rahasia lagi, sudah banyak para blogger yang menulis artikel cara membuat breadcrumb. Ada yang langsung bisa dan masih ada juga yang salah penempatan kode, sehingga breadcrumb tersebut tidak muncul pada halaman blog. Alhamdulillah sebelum artikel ini ditulis, saya sendiri sudah mencoba atau mempraktekannya dan berhasil. Wah sepertinya sudah lumayan panjang artikelnya, ya sudah cukup disini dulu artikel cara membuat Breadcrumb di blogspot, jangan lupa komentarnya kalau ada kesalahan maupun tidak dan sampai ketemu di artikel selanjutnya.

Ditulis Oleh : Unknown ~ Tips dan Trik Blogspot

Sobat sedang membaca artikel tentang Cara Membuat Breadcrumb. Oleh Admin, Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya <a href="http://bungkaryo.blogspot.com/2012/03/cara-membuat-breadcrumb.html" target="_blank">Cara Membuat Breadcrumb</a>

:: Get this widget ! ::

- Reviewer: Unknown - ItemReviewed: Cara Membuat Breadcrumb