Cara Membuat BreadCrumb di Blogspot

Hai, Sobat Kang Wahyu, Apa Kabar? Luar Biasa. Wah, Kita mau share ilmu lagi nieh ga sabar pengen menambah amal ibadah hehe ... Nah, Pembahasan kita kali ini yaitu cara membuat breadcrumb di blogspot.
Sobat Kang Wahyu ! Sebelumnya tau ga sieh apa itu breadcrumb? bread=roti, crumb=keram hehe bercanda. Breadcrumb adalah sebuah navigasi menu horizontal pada sebuah blog yang biasanya berada pada posisi atas blog di bawah judul atau header blog dan berfungsi mempermudah bagi pengunjung untuk mengetahui sedang berada di halaman mana berada dan memudahkan ketika akan kembali ke menu sebelumnya.
Hai Sobat Kang Wahyu, Membuat breadcrumb di blog kita wajib lho!. Tanya kenapa? Karena Breadcrumb itu selain berfungsi seperti sitemap juga berungsi bagi SEO blog untuk memperbanyak kata kunci dalam postingan.

Bagi anda yang memakai template bawaan blogger breadcrumb ini tidak disediakan dan anda harus menginstalnya sendiri. Tetapi untuk template-template gratisan dari penyedia template yang banyak beredar terkadang fungsi breadcrumb ini sudah terpasang otomatis. 

Nah sekarang bagaimana cara membuat breadcrumb pada blogspot? Gampang sekali kok ^_^, caranya adalah:

1.      Log in ke blogger

2.      Masuk ke rancangan >  Edit HTML > centang “Expand Template Widget”

3.      Untuk amannya adan download dulu templatenya sebagai antisipasi apabila ada kesalahan.

4.      Dengan CTRL F cara kode ]]></b:skin>

5.      Copy kode dibawah ini dan paste tepat diatas kode  ]]></b:skin>

.breadcrumbs{

padding-left:10px;font-size:95%;

line-height:1.4em;

border-bottom:4px double #cadaef;

}

6.   Kemudian copy kode dibawah ini dan paste tepat dibawah kode <div class='post hentry'> atau cari kode ini <b:includable id='post' var='post'> Paste kode dibawah tepat dibawahnya.

<b:if cond='data:blog.homepageUrl == data:blog.url'>

<b:else/>

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div class='breadcrumbs'>

Anda disini &#187; <a expr:href='data:blog.homepageUrl'>Home</a> &#187;

<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 != &quot;true&quot;'> , </b:if>

</b:loop>

</b:if> &#187; <data:post.title/>

</div>

</b:if>

</b:if>

7.    Selesai. Simpan dam lihat hasilnya dengan mengklik salah satu postingan.

Nah, Gimana Mudah bukan? ...  Nah, Sekarang kalian harus mempraktekkannya sekarang

Jangan Lupa Berlangganan Artikel Ini Ya!