Sunday, November 10, 2013

Cara Memasang Breadcrumbs Pada Blog

Memasang Breadcrumbs Pada Blog - Blogspot ID
Menyabung pada artikel sebelumnya yaitu Pengertian Breadcrumbs dan Fungsi Breadcrumbs, klai ini Blogspot ID akan memberitahukan bagaimana Cara Memasang Breadcrumbs, mudah sekali sobat blogspot id. Manfaat dari breadcrumbs adalah untuk memperkaya kata kunci dalam postingan web atau blog kita, tentunya sangat baik untuk SEO On Page. Menurut pakar SEO memasang breadcrumbs juga akan membuat konten/postingan blog lebih cepat terindex oleh search engine dan keterlihatan pada hasil pencarian juga akan berbeda. Ok langsung saja kita bahas Cara Memasang Breadcrumbs Pada Blog, simak tutorialnya dibawah ini.

Cara Memasang Breadcrumbs Pada Blog :
  • 1. Buka blogger.com
  • 2. Klik nama blog sobat yang akan di edit (jika punya banyak blog)
  • 3. Klik Template => klik Edit HTML
  • 4. Cari kode ]]></b:skin> (tekan tombol F3 atau Ctrrl + F) jika sudah ketemu, letakkan kode berikut diatasnya
.breadcrumbs {padding:5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:85%; line-height: 1.4em; border-bottom:3px double #e6e4e3;}

  • 5. Lalu cari kode <b:includable id=main var=top> dan ganti dengan kode dibawah 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/>
  • 6. Klik Simpan Template
Sekian postingan mengenai Cara Memasang Breadcrumbs Pada Blog. Kurang lebihnya mohon maaf.
Semoga Bermanfaat...

0 comments:

Post a Comment