Pasang (Navigasi) Breadcrumb di Blog Blogspot

Salam blogger, peernah lihat navigasi situs berupa label - label yang berjajar di awali dari home, dan terletak di atas judul posting, kali ini saya akan menjelaskan tentang navigasi situs tersebut.

oke, begini cara membuat navigasi breadcrumb-nya :

• Login ke Blogger. 
• Langsung tuju Edit HTML. 
• Klik Expand Template Widget. 

Letakkan kode berikut ini tepat sebelum kode ]]></b:skin> 

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

• kemudian, cari kode seperti ini :

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

• kalau tidak ada coba cari code yang mirip seperti <div class='post hentry> 

• Letakkan kode berikut ini tepat di bawah kode <div class='post hentry uncustomized-post-template'> atau  <div class='post hentry> tergantung templatenya.  

<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'>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> 

• sekarang simpan templatenya.
• have fun