Membuat breadcrumb-navigation

breadcrumb-navigation, seperti yang terlihat pada gambar berikut adalah model navigasi dari postingan kita biasanya dimulai dari beranda atau home.

lalu bagaimana cara membuatnya, berikutnya adalah langkahnya

1. Log in ke blog sobat (bagi yang belum)
2. Klik Layout
3. Klik tab Edit HTML
4. Klik Download Full Template (untuk membackup template sobat)
5. Check atau centang small box Expand Widget Template
   
   
6. Cari code ]]></b:skin>
7. Copy paste code berikut, sebelum 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 berikut,
   <div class='post hentry uncustomized-post-template'>
   
9. Copy paste code berikut sebelum code <div class='post hentry uncustomized-post-template'>
   
   <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>
   
10. Click Save Template
11. Selesai