Breadcrumb navigasi ini sebenarnya adalah widget sederhana dan sudah menjadi bukan makanan atau trik baru di blogger, namun peranannya dalam membantu mesin pencari mengindeks page halaman website sangatlah besar. Baiklah, kalau sobat penasaran, apa itu Breadcrumbs, silakan lihat gambar ini.
Lalu bagaimana caranya membuat Breadcrumb di Blogspot?
* Mudah, silakan sobat log in di www.blogger.com, kemudian sobat masuk ke dashboar, klik EDIT HTML, jangan lupa centang expand template widget.
* Kemudian cari kode ]]></b:skin> ini, dengan CRTL+F dengan keyboard sobat
* Kemudian paste-kan kode ini persis diatas ]]></b:skin> :
.breadcrumbs {
padding:5px 5px 5px 0;
margin:0;font-size:95%;
line-height:1.4em;
border-bottom:4px double #e2e7b4;
}
.breadcrumbs a {
text-decoration:none;
color: #000000;
}
* Kemudian silakan cari kode <div class='post hentry'> ini
* Dan paste-kan kode dibawa ini tepat dibawah kode <div class='post hentry'> :
<b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/> <b:if cond='data:blog.pageType == "item"'> <div class='breadcrumbs'><a expr:href='data:blog.homepageUrl'>Ganti Dengan Kata Kunci Utama Blog</a> » <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 != "true"'> , </b:if> </b:loop> </b:if> » <data:post.title/> </div> </b:if> </b:if>
* Kemudian jika sudah, silakan simpan template sobat. Dan lihat tampilan blog sobat sudah berubah dan lebih SEO sekarang di mata mesin pencari.
Semoga Bermanfaat ' Dan Blog Anda Dapat Menjadi Lebih SEO ^_^
Source http://konsepdesign.blogspot.com/