Cara Membuat Menu Navigasi Breadcrumbs di Blogger/Blogspot

Cara Membuat Menu Navigasi Breadcrumbs di Blogger/Blogspot
Menu Navigasi Breadcrumbs juga membantu meningkatkan SEO dan SERP, yaitu dalam pemetaan oleh search engine dan juga menambah kepadatan keyword, mengingat letaknya yang berada di bagian atas posting. 




Cara Membuat Menu Navigasi Breadcrumbs di Blogger/Blogspot:

1. Masuk ke dashboard > Design/Rancangan > Edit HTML, jangan lupa centang (check) "Expand Widget Templates" di pojok kanan atas kotak edit HTML.
2. Cari (gunakan Ctrl+F) ]]></b:skin> dan masukkan aturan CSS berikut di ATAS-nya:
.breadcrumbs {padding: 5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:95%; line-height:1.4em; border-bottom:3px double #e6e4e3;}
Keterangan : jika tidak ingin menggunakan border / garis bawah, hapus kode [ border-bottom:3px double #e6e4e3; ] pada no.2 diatas.

3. Cari (Ctrl+F) <b:include data='top' name='status-message'/> kemudian tambahkan kode ini TEPAT di BAWAH/SETELAH-nya :
<b:include data='posts' name='breadcrumb'/>
 4. Cari (Ctrl+F) <b:includable id='main' var='top'> lalu tambahkan script berikut TEPAT di ATAS/SEBELUM-nya :
<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<!-- No breadcrumb on home page -->
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<!-- breadcrumb for the post page -->
<p class='breadcrumbs'>
<span class='post-labels'>
<a expr:href='data:blog.homepageUrl' rel='tag'>Home</a>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == "true"'> »
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
</b:if>
</b:loop>
<b:else/>
»Unlabelled
</b:if>
» <span><data:post.title/></span>
</b:loop>
</span>
</p>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<!-- breadcrumb for the label archive page and search pages.. -->
<p class='breadcrumbs'>
<span class='post-labels'>
<a expr:href='data:blog.homepageUrl'>Home</a> » Archives for <data:blog.pageName/>
</span>
</p>
<b:else/>
<b:if cond='data:blog.pageType == "index"'>
<p class='breadcrumbs'>
<span class='post-labels'>
<b:if cond='data:blog.pageName == ""'>
<a expr:href='data:blog.homepageUrl'>Home</a> » All posts
<b:else/>
<a expr:href='data:blog.homepageUrl'>Home</a> » Posts filed under <data:blog.pageName/>
</b:if>
</span>
</p>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
5. Pastikan semua kode telah di-copy dan diletakkan dengan benar, lalu save.

note: karena banyaknya problem yang disampaikan ketika mengedit, perhatikan benar-benar instruksinya serta pahami istilah di bawah/setelah serta di atas/sebelum, itu berarti letakkan kode benar-benar setelah atau sebelum kode yang dicari. Contoh :
<b:include data='top' name='status-message'/>
          [Taruh kode  <b:include data='posts' name='breadcrumb'/> disini....]
<data:adStart/>
Kita lihat di situ ada 2 tag bersisian, jika anda harus memasukkan tag/kode baru di bawah/setelah <b:include data='top' name='status-message'/>
Itu berarti anda harus meletakkan benar-benar setelahnya, sehingga <data:adStart/> harus digeser posisinya, atau kode/tag baru disisipkan di antara keduanya, seperti contoh dibawah ini :

<b:include data='top' name='status-message'/>
<b:include data='posts' name='breadcrumb'/> 
<data:adStart/>  


Selamat...!!! Menu Navigasi Breadcrumbs baru di Blog Blogger/Blogspot milikMas Bos... (",)
Backlink | SEO | Wisata Pulau Tidung | Mengkudu | SEO | jasa web surabaya | Toko Bunga | Jasa SEO | Tutorial SEO Blog | Jasa SEO Murah | Pasang Iklan Murah | Blog Dofollow | Blog Dofollow | Blog Dofollow | Grosir Tas Batam | Tas Branded | Wisata Pulau Tidung | Media Surabaya | MNC Play Media | MNC Play Media | MNC Play Media | MNC Play Media | MNC Play Media | MNC Play Media | Terjemahan | Online Tools | TV Online | Radio Online | Game Online | Tutorial Blog | Skin Care Surabaya | LAMOUR Skin Care | Nanospray | Jafra Kosmetik | Gen FM Surabaya | Tips SEO Blog | tuna asap | tuna asap | tuna asap | tuna asap | tuna asap | tuna asap | tuna asap | Cara Klaim Asuransi | Jual Sari Mengkudu | Sari Mengkudu | Pulau Tidung | Baju Gamis | Toko Mesin Jahit | Depot Air Minum | Jasa Tukang Ledeng Surabaya | Tour Travel Bandung | Sewa Bus Pariwisata Bandung | Paket Wisata Bandung | Wood Flooring | Paket Wisata Bandung | Paket Wisata Bandung | Paket Wisata Bandung | Paket Wisata Bandung | Paket Wisata Bandung | Paket Wisata Bandung | Paket Wisata Bandung | Paket Wisata Bandung | Paket Wisata Bandung | Paket Wisata Bandung | Paket Wisata Bandung | Paket Wisata Bandung | Paket Wisata Bandung | Paket Wisata Bandung | Paket Wisata Bandung | Paket Wisata Bandung | Paket Wisata Bandung | Paket Wisata Bandung | Paket Wisata Bandung Paket Wisata Bandung | Paket Wisata Bandung | Paket Wisata Bandung | Afrakids | Reseller Afrakids | Afrakids | Afrakids | Afrakids | Afrakids | Afrakids | AfrakidsAfrakids | AfrakidsAfrakids | Harga Lantai Kayu