Membuat Navigasi Breadcrumb indah

Anda pasti sudah tidak asing lagi dengan yang namanya Navigasi breadcrumb, cuma saya mau menjelaskannya lagi siapa tahu ada yang belum tahu.....Navigasi breadcrumb adalah kumpulan beberapa link / tautan yang memungkinkan anda untuk menemukan halaman dasar dari artikel yang sedang anda baca.

Link yang ditampilkan di sini adalah link dimana artikel anda berada atau bisa disebut sebagai letak dari artikel anda. Navigasi breadcrumb ini biasa diletakkan di atas judul artikel / postingan. Lihat contoh navigasi breadcrumb dibawah ini..

Nah...ada tiga manfaat dari navigasi Breadcrumb itu sob, diantaranya:

1. Halaman/artikel tampilannya menjadi lebih indah seperti di blog saya ini...Wkwkwkwk...

2. Pengunjung menjadi mudah dalam merayapi blog kita

3. Mengoptimalkan halaman di search engine (Mesin Pencari)

Yang terpenting dari tiga manfaat diatas adalah point ke-3 yaitu dapat Mengoptimalkan halaman di search engine (Mesin Pencari). dan tentunya itu dapat berpengaruh pada Alexa Rank kita juga walaupun Breadcumb tak sepenting keyword dalam SEO...tapi navigasi Breadcrumb ini juga merupakan salah satu faktor dari SEO.

Bagi anda yang mau membuat Navigasi Breadcrumb ini, berikut cara-caranya:

1. Bismillah.....

2. Login ke blogger

3. Masuk ke Edit HTML

4. Centang Expand widget templates

5. Cari kode di bawah ini

============================================================

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

============================================================

6. Tambahkan kode berikut dibawahnya

============================================================

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

<a href=http://NAMABLOGANDA.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>

============================================================

7. Terakhir simpan

Catatan !!!

- Ubah NAMABLOGANDA.BLOGSPOT.COM dengan nama blog anda

- Tambahkan kode <hr/> dibawah kode <data:post.title/> diatas bila anda ingin menambahkan garis dibawah Navigasi breadcrumb