Membuat Breadcrumbs di Blogger

- Sebelum memulai pastikan anda sudah Login di Blogger.com, jika sudah klik Rancangan
- Klik Edit Html
- Centeng Expand Widget Template
- Cari kode ]]></b:skin> caranya tekan Ctrl+F, kalau sudah ketemu copy kode dibawah ini, paste diatas ]]></b:skin> (anda bisa merubah kode CSS nya dengan kehendak anda sendiri)
.breadcrumbs{
padding:5px 5px 5px 0;
margin:0;font-size:95%;
line-height:1.4em;
border-bottom:4px double #cadaef;
} - Selanjunya cari <div class='post hentry'> copy kode di bawah ini taruh di bawahnya <div class='post hentry'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<div class='breadcrumbs'>
<a expr:href='data:blog.homepageUrl'>Home</a> »
<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 != "true"'> , </b:if>
</b:loop>
</b:if> » <data:post.title/>
</div>
</b:if>
</b:if> - Setelah itu klik Simpan Template. dan lihat hasilnya pada situs anda,




Jangan Lupa Jempolnya :