Cara Membuat Breadcrumds di Blog

Mungkin dari beberapa sobat blogger ada yang belum mengetahui fungsi dan manfaat dari breadcrumds ini. Breadcrumds berguna agar para pengunjung blog kita tahu dimana lokasi mereka berada di dalam dokumen blog kita dan menurut kabar dari para master blog, breadcrumds juga akan menjadikan blog kita menjadi SEO friendly. Dengan begitu tak sia-sia rasanya membuat sesuatu yang tidak hanya memudahkan pengunjung tapi juga menguntungkan bagi si empunya blog.

Jika berminat, seperti inilah langkah-langkahnya.

1. Login ke akun blogger sobat
2. Klik menu Rancangan
3. Klik Edit HTML
4. Centang Expand Template Widget
5. Cari kode  ]]></b:skin>  dan masukan kode berikut tepat diatasnya:
 

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

6. Kemudian cari kode <div class='post hentry'> dan masukan kode berikut di bawahnya:

<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='breadcrumbs'>
<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>

7. Klik simpan dan lihat hasilnya.