Cara Memasang Breadcrumb Google di Blogger

Cara Memasang Breadcrumb Google di Blogger - Memasang atau membuat google breadcrumb ini memang lagi trens didunia bloggers saat ini salah satu manfaat memasang  breadcrumb ini, bisa membantu menutupi salah satu kekurangan blogger. Kekurangan tersebut yaitu alamat url posting yang terbatas. Makanya mulai sekarang ayo pasang google breadcrumb di blog anda :D. Selain itu, dengan Google breadcrumbakan membuat blog kita di search engine google lebih terlihat rapi. anda bisa lihat contoh Google Breadcrumb di bawah ini.

Mau Tau Seperti apa Caranya? Baca aja Terus Ok... :D

Cara Memasang Breadcrumb Google di Blogger

• Pertama untuk memasang Breadcrumb Google tentu saja anda harus login dulu ke blognya Dong...:D Kalo Belum Punya Blog anda bisa baca dulu yang cara Cara Membuat Blog Mudah Dan Gratis 
• Seperti biasa, ke halaman design > edit HTML > Expand Widget Templates (jangan lupa selalu backup template sebelum editing)
• Cari kode <b:include data='top' name='status-message'/> , biasanya ada 2 kode tersebut. Kalau sudah di temukan, silahkan paste kode berikut ini tepat di atasnya (paste aja di atas 2 kode yang anda temukan biar ga bingung).
<b:include data='posts' name='breadcrumb'/>

• Sekarang cari kode <b:includable id='main' var='top'> dan kalau sudah ketemu, paste kode berikut tepat di atas 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>

Simpan Template dan selesai, anda berhasil memasang breadcrumb google di blog anda. Gampang Bukan..:D Setelah Itu Baru Lihat deh Hasilnya.. anda bisa mengecek lewat tool ini richsnippets
Kalo Hasilnya Benar-benar ok Maka akan terlihat Seeperti gambar Dibawah ini...:D

Suangat Mudah Bukan? :D Selamat anda telah membuat Breadcrumb Google di Blogger

Source : Cara Memasang Breadcrumb Google di Blogger