Cara Membuat Breadcrumbs SEO Friendly di Blogspot/Blogger

Cara Membuat Breadcrumbs SEO Friendly di Blogspot/BloggerBagi agan2 yang udah lama bergelut di dunia blogging mungkin udah nggak asing lagi mengenai Breadcrumbs. Tapi postingan kali ini ane buat khusus untuk agan2 yang baru tahu tentang Breadcrumbs, dan ingin membuat Breadcrumbs ke blog mereka. Selidik punya selidik kata teman2 blogger Breadcrumbs ini merupakan bagian dari SEO. Hmmm... masuk akal juga sih.. Oke gan, langsung saja ya...
  • Masuk ke akun blogger saudara
  • Pilih menu TEMPLATE
  • Simpan dulu Full Template saudara dengan mengklik tombol Cadangkan/Pulihkan
  • Klik tombol EDIT HTML
  • Centang Expand Widget Template
  • Cari kode ]]></b:skin
  • Letakkan kode di bawah ini tepat di atas kode ]]></b:skin> tadi
.breadcrumbs {padding:5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:90%; line-height: 1.4em; border-bottom:3px double #eee;}
  • Setelah itu cari kode seperti di bawah:
<b:includable id='main' var='top'>
  • Ganti kode di atas dengan kode di bawah
<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'/>
  • Dan,, terakhir, jangan lupa di Save Gan... heheh :)

Sekian pembahasan Cara Membuat Breadcrumbs SEO Friendly di Blogspot/Blogger semoga bermanfaat...
Comments