Cara Agar Breadcrumbs Terindex Google

Tau ngga breadcrumbs itu apa ? kalo ngga tahu berikut contoh breadcrumb (News).

Nah, sudah tahu kan ? sebenarnya mudah untuk membuat menu breadcrumb tapi belum tentu breadcrumb. Tapi tenang ada cara yang ampuh untuk membuat breadcrumb anda dapat terindex oleh Google yaitu

Pertama masukan kode Css ini sebelum/diatas kode ]]></b:skin>

.breadcrumbs{padding:0 5px 5px 0;margin:0 0 5px;font-size:11px;border-bottom:1px dotted #ccc;font-weight:normal}

setelah itu cari kode <b:includable id='main' var='top'>   , hapus kode tersebut dan ganti dengan kode berikut,

<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>

Save template :), untuk mengecek apakah sudah berfungsi dengan baik silahkan buat postingan baru dengan label tentunya.

tutorial

• Cara Membuat dan Merubah Dynamic Heading Blog
• Cek Peforma Blog/Website Anda
• Cara Membuat Back To Top/Scroll To Top dengan jQuery
• Cara Membuat Widget Melayang/Floating Widget
• Cara Membuat Daftar Isi Blog dengan Fungsi Scroll
• Apa Yang Dimaksud CSS ? Dan Apa Kegunaannya ?
• Cara Menampilkan Widget atau Menyambunyikan Widget pada Halaman Tertentu
• Membuat Template Dinamis Blogger Tanpa Mengubah Template Asli
• Cara membuat menu dropdown menggunakan Css