Cara Mudah Memasang BreadCrumb Pada Blog

Hallo Kawan blogger kali ini saya akan membahas tentang cara memasang BreadCrumb pd blog kita...
memasang BreadCrumb adalah salah satu trik agar blog lebih SEO.. Apa itu SEO lihat aja disini.
BreadCrumb adalah sebuah navigasi halaman yang berfungsi untuk memudahkan user untuk menavigasi halaman blog atau website.
Selain untuk mempermudah user, BreadCrumb juga termasuk teknik SEO yang sangat disenangi search engine karena robot akan dengan gampang mengcrawl halaman blog kita. dapat kita lihat tampilan BreadCrumb pada search engine dibawah ini :

Pada gambar di atas yang dilingkari warna ungu adalah index search engine dalam hal ini google merupakan dari breadcrumb yang kita buat sebelumnya.

Apakah Anda ingin index search engine google seperti itu? mari kita langsung saja mengerjakan Cara Memasang BreadCrumb Pada Blog Blogger

1. Masuk pada ID blogger anda di Blogger.com
2. Masuk pada tata letak atau layout kemudian pada tab klik edit HTML
3. Beri tanda centang pada kotak kecil yang bertuliskan tulisan Expand Template Widget
4. Cari kode ]]></b:skin> lebih singkat tekan Ctrl+F
5. Copy dan paste kode di bawah ini diatas kode ]]></b:skin

.breadcrumbs{padding:5px ;margin:5px;font-size:11px;border-bottom:1px dotted #ccc;font-weight:normal}
7. Lalu cari kode <b:includable id='main' var='top'>
8. Copy dan paste kode di bawah ini di bawah kode <b:includable id='main' var='top'>

<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'>
<b:if cond='data:label.isLast == &quot;true&quot;'>
&#187; <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>
</b:if>
</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'/>

10. Simpan/save dan lihat hasilnya
11. Selesai deh/...