Cara Memasang Navigasi Breadcrumb Diblog

Navigasi Breadcrumb adalah kumpulan beberapa link/tautan yang memungkinkan anda untuk menemukan halaman dasar dari artikel yang sedang anda baca. Contoh silahkan lihat screen shot di bawah ini :

Ada 3 manfaat/kegunaan dari navigasi breadcrumb, yaitu:

1. Memperindah tampilan halaman/artikel.
2. Memudahkan pengunjung dalam menelusuri blog.
3. Mengoptimalkan halaman di search engine (mesin pencari).

Yang terpenting dari 3 hal di atas tentu adalah "mengoptimalkan halaman di search engine" atau sering disebut SEO.

Cara memasang navigasi breadcrumb di blogspot!!

Navigasi breadcrumb di blogspot akan tampil berdasarkan label/tag dari postingan anda. Berikut tutorialnya.

1. Masuk ke blogger.
2. Pilih menu Tata Letak (Layout) » Edit HTML.
3. Centang tulisan Expand Widget Templates.
4. Cari kode berikut.

<b:if cond='data:post.title'>

     5. Tambahkan kode berikut di bawahnya.

<b:if cond='data:blog.pageType == "item"'>

<a href='http://ilmu-dedy.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>

5. jangan lupa ganti tulisan warna biru dengan nama blog anda.
   
   
6. Simpan template.
   

Anda bisa menambahkan garis di bawah navigasi dengan menambahkan kode <hr/> di bawah kode <data:post.title/> di atas.

Sekarang lihat hasilnya. Jika sudah berhasil, berarti anda sudah menjalankan salah satu dari faktor-faktor SEO.

Salam sukses!

Single Links (Recommended)