Cara Memasang Breadcrumb di Blogspot

Pengertian breadcrumb sendiri kurang lebihnya adalah suatu navigasi yang berisikan kategori atau label dari postingan dan bisanya selalu di awali dengan tombol menuju home (halaman depan blog).

Pada dasarnya Breadcrumb merupakan navigasi seo sebaris dengan tautan internal yang memungkinkan pengunjung untuk menavigasi balik ke bagian sebelumnya atau ke halaman depan dengan cepat. 

Jadi simple-nya seperti ini : search engine selalu membaca label atau tags setiap postingan blog, karena saat ini google sudah tidah menggunakan meta tag keyword lagi untuk mengindeks suatu website/blog, maka yang jadi perhitungan google saat ini adalah meta description dan label (kategori). Maka dari itu semakin relevan sebuah label dengan isi postingan (artikel) maka akan semakin mendapatkan kesempatan tampil di halaman depan google.

Langsung saja pada langkah-langkah pembuatan breadchumb ini : :>>

Cara Pasang Breadcrumb Di Blog Blogspot

1. Log-in ke Blogger.com gunakan akun anda.
2. Kemudian menuju Rancangan lalu Edit HTML >> klik Expand Template Widget. Lalu masukan Codey Breadcrumb berikut ini:

.breadcrumbs {
padding:5px 5px 5px 0;
margin:0;font-size:95%;
line-height:1.4em;
border-bottom:4px double #e2e7b4;
}
.breadcrumbs a {
text-decoration:none;
color: #000000;
}

Letakan kode CSS diatas sebelum tag ini: ]]></b:skin>

3. Kemudian anda cari tag berikut ini:

<div class='post hentry'>

(bila tidak ada seperti kode diatas, coba hapus tanda penutup panah kanannya)


4. Setelah ketemu maka masukan kode tag Breadcrumb berikut ini di atas kode sebelumnya:

<b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/> <b:if cond='data:blog.pageType == &quot;item&quot;'> <div class='breadcrumbs'><a expr:href='data:blog.homepageUrl'>Beranda</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/> <br/> <hr width="auto"> </hr> <br/> </div> </b:if> </b:if>

5. Kemudian klik tombol Simpan Template atau Save Template anda.