Cara Membuat Breadcrumbs di Blogspot Yang di Index Google

Update : Edisi Update
Sudah baca anda cara membuat Read More Otomatis Di blog ? .. kalo belum.. baca dulu ya... Nah.. pasti sebagian sobat bloger bermain Ads.. ? hitung2 nambah penghasilan.. Tahu kah Memasang Iklan Di dalam Postingan ...? baik di atas postingan sebelah Kiri / Kanan, Maupun di Bawah Postingan Sebelah Kiri / Kanan. Kalo belum Tahu baca artikel " Memasang Iklan di Dalam Postingan " .

Apa itu Breadcrumbs... ? Sudah pada Tahu belum.. ? Breadcrumbs merupakan navigasi postingan , template yang Seo Friendly harus mempunyai Breadcrumbs. 

contoh nya : Home >> PHP Mysql >> Membuat Web Dinamis

 Berikut Ini Merupakan Tutorial Cara membuat Breadcrumbs di Blogspot, ikuti langkah2 nya :

1. Masuk ke Akun Bloger Sobat
2. Pilih dan Klik Template > Edit HTML > Lanjutkan
3. Jangan Lupa Centang Expand Template Widget (Oy.. hampir lupa... Backup dulu Templatenya)
4. Kemuidan Cari kode ]]></b:skin> dan simpan kode ini diatasnya:

.breadcrumbs{padding:0px 5px 5px 0;margin-bottom:20px;margin-top:0px;font-size:11px;color:#5B5B5B;border-bottom:1px dotted #bbb;}

5. Setelah itu Cari kode <b:includable id='main' var='top'>, ganti dengan:

<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> &raquo; <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'> &raquo; <span  typeof='v:Breadcrumb'><a expr:href='data:label.url'  property='v:title'   rel='v:url'><data:label.name/></a></span>
</b:loop> &raquo; <span><data:post.title/></span>
</div>
<b:else/>
<div  class='breadcrumbs'><span><a  expr:href='data:blog.homepageUrl'   rel='tag'>Home</a></span> &raquo; <span>Unlabelled</span> &raquo;  <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> &raquo; <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> &raquo; <span>All posts</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &raquo; <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. Save Template Anda

Untuk Melihat hasilnya.. apakah berfungsi dengan baik.. Cek di http://www.google.com/webmasters/tools/richsnippets

Demikianlah Artikel "Cara Membuat Breadcrumbs di Blogspot" Semoga Bermanfaat