Oke.. Kawan , sebelum saya memberikan langkah-langkah membuat Breadcrumb di Blogspot, terlebih dahulu perlu dipahami Apa itu Breadcrumb ?
Pengertian Breadcrumb
Breadcrumb Adalah sebuah menu navigasi sederhana yang terletak di atas judul postingan, anda bisa melihat sebuah menu navigasi kecil di atas judul postingan di blog ini, itu loh yang tulisannya [Brows>>Tips-Trik>>Cara Membuat Breadcrumb di Blogspot] Nah inilah yang di maksud dengan Breadcrumb !.
Apa Fungsi Breadcrumb
Fungsi Breradcrumb Adalah untuk mengetahui dihalaman mana pengunjung sedang berada [posisi visitor saat ini], selain itu Breadcrumb sangat baik untuk SEO blog, alasannya , karena Breadcrumb memperkaya keywords yang berada dalam postingan, terbukti dengan banyaknya blog yang menempati posisi pertama di Serp karena di pengaruhi oleh Breadcrumb!.
Jika anda tertarik, ikuti langkah-langkah berikut:
- Login ke Blogger.com
- Pilih Rancangan > Edit Html > [centang] expands widgets template
- Cari kode ]]></b:skin> , Copy Code dibawah ini tepat di atas Code ]]></b:skin>
.breadcrumbs {
padding: 5px 5px 5px 0px;
margin: 0px 0px 15px 0px;
font-size: 95%;
line-height: 1.4em;
border-bottom: 3px double #e6e4e3;
}
- Selanjutnya Cari Code <div class='post hentry uncustomized-post-template'>
- Jika Code di atas sudah ketemu, langkah selanjutnya Paste Code di bawah ini tepat di bawah 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 == "item"'> <div class='breadcrumbs'>browse » <a expr:href='data:blog.homepageUrl' rel='tag'>Home</a> <b:loop values='data:posts' var='post'> <b:if cond='data:post.labels'> <b:loop values='data:post.labels' var='label'> <b:if cond='data:label.isLast == "true"'>» <a expr:href='data:label.url' rel='tag'><data:label.name/></a> </b:if>»<span><data:post.title/></span> </b:loop> </b:if> </b:loop> </div></b:if> <b:else/> <b:if cond='data:blog.pageType == "archive"'> <div class='breadcrumbs'>browse » <a expr:href='data:blog.homepageUrl'>Home</a> » Archives for <data:blog.pageName/> </div></b:if> <b:else/> <b:if cond='data:navMessage'> <div class='breadcrumbs'><data:navMessage/> </div></b:if> </b:if>
- Seandainya Code di atas Gagal atau tidak Berfungsi, maka anda bisa menggantniya dengan Code dibawah ini
<em>Browse: <a expr:href='data:blog.homepageUrl'>Home</a> <b:if cond='data:blog.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> / <a expr:href='data:post.link'> <data:post.title/></a></em>
Posts
