Widget HTML Atas

Cara Memasang Breadcrumbs Pada Blog

Cara Memasang Breadcrumbs Pada Blog

Cara Memasang Breadcrumbs Pada Blog

Menyabung pada artikel sebelumnya yaitu Pengertian Breadcrumbs dan Fungsi Breadcrumbs, klai ini Qidoenx Blog akan memberitahukan bagaimana Cara Memasang Breadcrumbs, mudah sekali sobat Blogger.

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 :

  • Buka blogger.com
  • Klik nama blog sobat yang akan di edit (jika punya banyak blog)
  • Klik Template => klik Edit HTML
  •  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;}

  • 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'/>
  • Klik Simpan Template
Sekian postingan mengenai Cara Memasang Breadcrumbs Pada Blog. Kurang lebihnya mohon maaf.
Semoga Bermanfaat...

No comments for "Cara Memasang Breadcrumbs Pada Blog"