Cara Membuat Navigasi Breadcrumb di Blogspot

Seberapa penting Navigasi Breadcrumb di Blog? Jawabannya cukup penting, karena dengan adanya navigasi breadcrumb ini, dapat mempermudah user ataupun spider dalam menelusuri blog kita (tidak tersesat). Selain itu, juga akan memperkuat posisi SEO blog kita di search engine.

Konon pula katanya, dengan menambahkan fasilitas navigasi breadcrumb ini pada blog, mampu meningkatkan nilai SERP (Search engine results page) dari blog kita.

Langkah-langkah untuk membuat/memasang navigasi breadcrumb di blog adalah sebagai berikut:

1. Login ke Dasboard - Design blog anda;



2. Klik menu Design - Edit HTML;



3. Pada menu edit HTML klik Expand Widget Templates;

4. Cari kode <b:if cond='data:post.title'> biar gampang tekan (Key Control+F)

5. Letakkan kode berikut di bawah point 4;

<!-- Navigasi Breadcrumb Start -->
<b:if cond='data:blog.pageType == "item"'>
<a href='http://nama-blog-anda.blogspot.com/'>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 != "true"'>,</b:if></b:loop>
&#187;
</b:if>
<data:post.title/>
</b:if>
<!-- Navigasi Breadcrumb Stop -->

6. Ubah tulisan yang berwarna merah dengan alamat blog sobat, lalu klik SAVE

Jika tidak ada kesalahan dalam penempatan script, maka akan terlihat tampilan berbeda navigasi breadcrumb di atas judul artikel, seperti berikut ini:



Selamat mencoba dan semoga bermanfaat
Sourch: belajarbisnisonline