Cara Lengkap Memasang Breadcrumb di Blog

Pengertian dan Cara Lengkap Memasang Breadcrumb di Blog.

Apa itu Breadcrumb? 

Breadcrumb adalah suatu jenis navigasi text berbasis pada web yang menunjukkan arah situs ke link kategori dan ke sub kategori bahkan ke sub-sub kategori yang memungkinkan kategori utama secara berurutan.

Breadcrumb ditampilkan kepada pengunjung agar pengunjung mengetahui secara jelas dimana letak halaman yang sedang mereka baca pada situs tersebut.

Sehubungan dengan SEO, Breadcrumb merupakan trik seo onpage. 
Breadcrumb akan muncul di mesin telusur.

Jadi, setiap blog perlu memasang breadcrumb agar lebih SEO.
Namun dalam beberapa kasus saya menemukan beberapa template seo friendly sudah mendukung breadcrumb tanpa perlu kita memasangnya lagi.

Cara memasang breadcrumb

Ada banyak cara untuk memasang breadcrumb, saya akan menjelaskan salah satunya.


1. Login ke blogger anda

2. Pada dashboard blog, pilih Template - Edit Html

3. Letakkan script berikut tepat diatas kode ]]><b:skin> (gunakan ctrl + f jika anda sulit menemukannya)

.breadcrumbs{ padding:5px 5px 5px 0; margin:0;font-size:95%; line-height:1.4em; border-bottom:4px double #cadaef} <br>


4. Selanjutnya letakkan script berikut tepat dibawah kode <div class='post hentry'>

<b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/> <b:if cond='data:blog.pageType == "item"'> <div class='breadcrumbs'> Browse » <a expr:href='data:blog.homepageUrl'>Home</a> » <b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url' rel='tag'><data:label.name/></a> <b:if cond='data:label.isLast != "true"'> , </b:if> </b:loop> </b:if> » <data:post.title/> </div> </b:if> </b:if>

Pada template yang saya gunakan ini, ada dua kode <div class='post hentry'> jadi saya meletakkannya dibawah kode yang kedua.

5. Simpan template.

Demikianlah cara memasang breadcrumb di blog, terima kasih atas kunjungannya.

referensi : maskolis.com