Cara Membuat Breadcrumb di Blogspot

Pernah kah kalian mendengar kata Breadcrumb di dunia Blog ? 

Breadcrumb adalah pola navigasi yang berguna untuk mempermudah pengunjung mengakses Suatu Blog Atau Web. Breadcrumb itu pun sendiri sangat disukai oleh mesin pencari (Search Engine),maka dari itu banyak para Blogger yang mempergunakanya karena akan berdampak Positif pada suatu Blog Atau Web.

Pola navigasi breadcrumb itu sendiri bisa di definisikan seperti ini : Halaman Depan » Kategori/Tags/Archive » Artikel. 

Langsung aja kita Bahas inti dari Artikel ini yaitu cara Membuatnya:

1. Login ke Blogger

2. Klik Design/Layout

3. Klik Edit HTML

4. Centang Expant Widget Template

6. Cari kode ]]></b:skin>

7. Salin kode dibawah ini dan letakan diatas kode ]]></b:skin>

.breadcrumbs{

padding:5px 5px 5px 0;

margin:0;font-size:95%;

line-height:1.4em;

border-bottom:4px double #cadaef;

}

8. Cari kode Di bawah ini:

<div class='post hentry uncustomized-post-template'>

9. Setelah ketemu Copy Pastekan kode di bawah ini:

<b:if cond='data:blog.homepageUrl == data:blog.url'>

<b:else/>

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div class='breadcrumbs'>

Browse &gt; <a expr:href='data:blog.homepageUrl'>Home</a> &gt;

<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> &gt; <data:post.title/>

</div>

</b:if>

</b:if>

10. Setelah semuanya di lakukan sekarang tinggal lihat hasilnya .

Apa bila kalian mendapat kesulitan dalam melakukanya Kalian dapat memberikan Comment di Blog ini.

Salam Rougerdeluffy