Cara Memasang Breadcumb Di Blogger

Breadcumb adalah
petunjuk juga navigasi di mana pengunjung tahu di manakah pengunjung membaca
posting yang dibaca dalam posisi ruang lingkup label atau kategori. Pengunjung
juga bisa meng-klik linknya agar bisa menemui posting berkaitan dengan yang

Cara Memasang Breadcumb Di Blogger. Breadcumb adalah petunjuk juga navigasi di mana pengunjung tahu di manakah pengunjung membaca posting yang dibaca dalam posisi ruang lingkup label atau kategori. Pengunjung juga bisa meng-klik linknya agar bisa menemui posting berkaitan dengan yang mereka baca sebelumnya.

Breadcumb itu seperti langkah dari home ke label, lalu ke label lainnya. Pembaca bakal tahu posting yang mereka baca telah melewati label atau kategori mana saja. Trik ini biasa dipasang oleh pengguna website dalam menunjang SEO (Search Engine Optimization) serta sudah dipakai dan diakui oleh para pakar SEO.

Nah, bagi yang belum memasangnya di blognya masing-masing, saya berikan petunjuk cara memasangnya. Bisa dicermati uraian tutor pemasangannya sebagai berikut:

1.Pertama Letakan kode berikut di atas kode </b:skin>

.breadcrumbs{padding:0 5px 5px 0;margin:0 0 5px;font-size:11px;border-bottom:1px dotted #ccc;font-weight:normal}

2.Lalu cari kode <b:includable id='main' var='top'> dan ganti/replace dengan kode Berikut ini:

<b:includable id='breadcrumb' var='posts'><b:if cond='data:blog.homepageUrl != data:blog.url'><b:if cond='data:blog.pageType == &quot;static_page&quot;'><div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span><data:blog.pageName/></span></div><b:else/><b:if cond='data:blog.pageType == &quot;item&quot;'><!-- breadcrumb for the post page --><b:loop values='data:posts' var='post'><b:if cond='data:post.labels'><div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'><span typeof='v:Breadcrumb'><a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Home</a></span><b:loop values='data:post.labels' var='label'>&#187; <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span></b:loop>&#187; <span><data:post.title/></span></div><b:else/><div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span>Unlabelled</span> &#187; <span><data:post.title/></span></div></b:if></b:loop><b:else/><b:if cond='data:blog.pageType == &quot;archive&quot;'><!-- breadcrumb for the label archive page and search pages.. --><div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Archives for <data:blog.pageName/></span></div><b:else/><b:if cond='data:blog.pageType == &quot;index&quot;'><div class='breadcrumbs'><b:if cond='data:blog.pageName == &quot;&quot;'><span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>All posts</span><b:else/><span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Posts filed under <data:blog.pageName/></span></b:if></div></b:if></b:if></b:if></b:if></b:if></b:includable><b:includable id='main' var='top'><b:include data='posts' name='breadcrumb'/>

Sekian posting tentang cara memasang breadcumb untuk blogger. Semoga bermanfaat.