Cara Memasang Breadcrumb di Blogger

halo pengunjung setia saya berjumpa lagi dengan saya Belajar SEO itu Mudah
semoga saja tidak bosan untuk mengunjungi terus ya.

pada kali ini saya akan bahas cara memasang breadcrumb di blogger
untuk memasang breadcrumb di blogger tidak instant seperti wordpress yang mengunakan plugins
untuk memasang breadcrumb di blogspot anda perlu edit template anda terlebih dahulu

Cara Memasang Breadcrumb di Blog

pertama tama anda di bagian edit template pada blogspot

cari kode ]]></b:skin> jika sudah ketemu copy kode di bawah ini di atas kode ]]></b:skin>

.breadcrumbs {padding:5px 5px 5px 0px; margin: 0px 0px 13px 0px; font-size:100%; line-height: 1.4em; border-bottom:3px double #eee;}

jika sudah dengan yang atas kita ke step selanjutnya
cari kode <b:includable id='main' var='top'> jika sudah ketemu ganti dengan kode di bawah ini

<b:includable id='breadcrumb' var='posts'><b:if cond='data:blog.homepageUrl != data:blog.url'> <b:if cond='data:blog.pageType == "static_page"'> <div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span><data:blog.pageName/></span></div>
<b:else/> <b:if cond='data:blog.pageType == "item"'> <!-- 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'> » <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span> </b:loop> » <span><data:post.title/></span> </div>
<b:else/> <div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span>Unlabelled</span> » <span><data:post.title/></span></div>
</b:if> </b:loop> <b:else/> <b:if cond='data:blog.pageType == "archive"'> <!-- breadcrumb for the label archive page and search pages.. --> <div class='breadcrumbs'>
 <span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>Archives for <data:blog.pageName/></span> </div>
<b:else/> <b:if cond='data:blog.pageType == "index"'> <div class='breadcrumbs'>
 <b:if cond='data:blog.pageName == ""'> <span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>All posts</span> <b:else/> <span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <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'/>

 jika sudah di ganti kemudian di save template anda
bukti saya memasang breadcrumb di blog ini :

maanfaat breadcrumb pada blog yaitu menaikan rank seo on-page anda
jika seo on-page anda bagus maka di mata google itu bagus untuk menduduki top 10 di search enggine
segitu dulu yah tentang artikel Cara Memasang Breadcrumb di Blogger

Posted by Unknown on Saturday, January 4, 2014 - Rating: 4.5

Title : Cara Memasang Breadcrumb di Blogger
Description : halo pengunjung setia saya berjumpa lagi dengan saya Belajar SEO itu Mudah semoga saja tidak bosan untuk mengunjungi terus ya. pada kali ...

Share to

Facebook Google+ Twitter