Cara Memasang BreadCrumb Pada Blog Blogger

Cara Memasang BreadCrumb Pada Blog Blogger

sobat ACC pada kesempatan ini saya akan sedikit berbagi bagaimana cara memasang Bread crumb pada blog. memasang bridge crumb addalah salah satu trik ngeblog agar blog sobat acc semua bisa leih SEO Friendly, Breadge Crumb bisa diartikan dalam bahasa indonesia adalah "renyah roti". ini merupakan bukan arti yang sebenarnya melainkan sebuah navigasi yang berfungsi untuk memudahkan user untuk menavigasi halaman blog atau website.
selain untuk memeudahkan user Bread Crum juga termasuk teknik SEO yang sangat disenangi search engine karena robot akan dengan gampang mengcrwal halaman blog kita, dapat kita lihat pada tampilan berikut ini.

pada gambar di atas yang di lingkari warna ungu adalah index search engine dalam hal ini google merupakan dari breadcrumb yang kita buwat seelumnya

berikut cara memasang readcrumb pada blog sobat ACC :

1. masuk pada id blogger anda
2. masuk pada tata letak atau layout kemudian pada tab klik edit html
3. sebelum memasang breadcrumb alangkah baiknya kita backup template dulu untuk jaga-jaga apabila terjadi eror, caranya klik download full template.
4. beri tanda centang pada EXPAND WIDGET
5. cari kode ]]></b:skin> lebih mudah tekan Ctrl+F
6. copy dan pastikan kode dibawah di atas kode ]]></b:skin>

.breadcrumbs {
padding:5px 5px 5px 0;
margin:0;
font-size:95%;
line-height:1.5em;
border-bottom:4px double #e2e7b4;
}
.breadcrumbs a {
text-decoration:none;
color: #000000;
}

7. cari kode  <div class='post hentry'>
8. copy dan pastikan kode dibawah ini di bawah kode <div class='post hentry'>

<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'><b style="color: blue;">Ganti dengan kata kunci utama blog Anda</b></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>

9. simpan/save dan lihat hasilnya

sampai disini langkah-langkahnya,,pabila berhasil akan seperti ini

dengan memasang breadcrumb pada blog blogger sobat ACC akan lebih di senangi oleh search engine google,,,,silahkan anda kreasikan breadcrumb anda,,,,selamat mencoba dan salam blogger