Membuat Breadcrumbs di Blogspot

http://terminalseo.blogspot.com/2013/10/membuat-breadcrumbs-di-blogspot.html

Membuat Breadcrumbs di Blogspot adalah tema postingan saya kali ini. Tema ini juga termasuk salah satu on page seo yang dapat kita lakukan pada blog kita agar blog kita lebih seo friendly dan lebih cepat terindeks oleh mesin pencari google dsb.

Apakah theme blog sobat belum menggunakan Navigasi breadcrumbs? Sangat disayangkan sekali jika sobat memang belum membuat breadcrumbs di blogspot sobat, dalam artian jika theme blogspot sobat belum menggunakan breadcrumbs menurut saya sangatlah rugi karena breadcrumbs sangat memudahkan para pengunjung blog kita untuk dapat mengetahui dipostingan mana mereka sekarang berada. 

Ngomong-ngomong apakah sobat sudah tahu cara membuat breadcrumbs di blogspot ? Kalau belum tahu disini saya akan mencoba menuntun sobat cara  dan langkah-langkah membuat breadcrumbs di blogspot. Urutannya sebagai berikut: 

1. Login ke blogger ( sebaiknya back-up dulu template sobat, jika nanti ada masalah atau gagal sobat bisa meng-upload kembali template sobat )
2. Masuk kedalam Menu Template sobat
3. Pilih Edit HTML
4. Centang tulisan "expand template widget" ( sekarang sudah tidak ada lagi ) 
5. Lalu caari kode ]]></b:skin> ( untuk mempermudah pencarian, sobat bisa menggunakan CTRL dan F sebagai bantuannya
6. Silahkan sobat Copy kode CSS untuk breadcrumbs dibawah ini dulu dan paste-kan tepat diatas kode ]]></b:skin ;                                                                                                        .breadcrumbs {padding:5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:85%; line-height: 1.4em; border-bottom:3px double #e6e4e3;}
7. Lanjutkan untuk mencari kode seperti ini <b:includable id='main' var='top'> Jika sudah ketemu ganti kode tersebut dengan kode seperti 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'/>
8. Dan yang paling terakhir, Simpan Template sobat. Tunggu paling lama 3 hari, breadcrumbs di blog sobat pasti sudah tampil di hasil pencarian Google.

         

Demikianlah postingan saya kali ini tentang  " Membuat Breadcrumbs di Blogspot ". Semoga bisa menjadi pencerahan bagi sobat semua. Terima kasih sudah berkunjung ke halaman ini.

Salam Senyum Sukses [3S