Membuat Breadcrumb | Blogspot

Breadcrumbadalah sebuah menu yang dapat membantu pengunjung suatu blog atau website untuk mengetahui keberadaan mereka sekarang saat berada pada posting, mereka akan mengetahui mereka sedang mengunjungi halaman dengan label apa. Dari segi SEO, breadcrumb berguna untuk membantu googlebot atau mesin pencari dalam merayapi posting yang kita.

Ini contoh breadcrumb milik saya:

Bagaimana cara membuat breadcrumb ?

Berikut ini contoh koding dalam pembuatan breadcrumb:

1. Template >> Edit HTML ( Jangan Lupa Centang "Expand Template Widget" ) 
2. Cari Kode : ]]>(Tekan Ctrl + F Untuk melakukan Find ) 
3. Copy CSS di bawah ini, Lalu letakkan di atas Kode ]]></b:skin>:
   

   .breadcrumbs{
   padding-left:0;
   font-size:90%;
   line-height:1.4em;
   border-bottom:4px solid #0d82df;
   }

4. Cari Kode : <includable id="post" var="post">
   Setelah itu copy kode di bawah ini dan letakkan / paste di bawah kode <includable id="post" var="post">
   

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

5. Tahap terakhir save template dan lihat hasilnya