Cara Membuat Breadcrumb di Blogspot / Blogger

Cara membuat breadcrumb di blogspot, menurut beberapa master elemen breadcrumb ini sangat penting dalam hal seo, apabila di mesin wordpress ada plugin untuk menampilakan breadcrumb secara otomatis dengan plugin lain halnya dengan blogspot, kita mesti melakukan sedikit perubahan pada cssya,

dan berikut ini cara gampang memasang breadcrumb pada blogger, bagi yang belum tahu apa itu breadcrumb, biasanya ini adalah navigasi yang letaknya ditas judul dan memudahkan kita melihat dengan format home/kategory/ judul postingan

Untuk membuatnya kalian cukup mengikuti langakah-langkah berikut ini, dimana kode yang di tambahkan disini saya ambil dari blognya kang rohman, dan berikut ini langkah-langkahnya

1. Login ke blogger.com
2. klik Rancangan dan klik edit html
   
3. untuk menghindari kesalah jangan lupa backup dulu template yang ada dengan cara di downlaod
   
4. centang tanda Expand Template Widget
5. Cari kode berikut ini ]]></b:skin>>
6. Copy Kode berikut ini dan letakan di atas ]]></b:skin>>
   

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

   
   
8. Kemudian cari kode berikut ini
   



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

kemudian letakan kode berikut ini dibawah kode diatas

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

Langkah terakhir adalah save template,

semoga tips cara Cara membuat breadcrumb di blogspot ini bermanfaat bagi anda semuanya, sampai jumpa pada posting berikutnya