Pages

Subscribe:

Blogroll

Labels

Senin, 19 September 2011

Membuat Menu Navigasi Breadcrumb di Blog

Manu Navigasi Breadcrumb merupakan navigasi sejajar (horizontal) berdasarkan label yang kita buat di tulisan yang publikasikan. Saat kita lagi membuka sebuah postingan artikel di blog akan mengetahui postingan yang kita buka itu termasuk dalam kategori (label) apa. Navigasi breadcrumb ada di atas halaman post yang kita buka.

Ini sebenarnya gak begitu penting, karena setipa postingan yang kita publikasi dengan menggunakan kategori itu sudah muncul di paling bawah artikel. Namun untuk memperindah saja. Ya udah langsung aja ikuti trik berikut jika anda berminat.. hehe

1. Login ke akun Blogger.
2. Di halaman Dasbor, kita pilih Rancangan.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Cari kode berikut <b:if cond='data:post.title'> dan Tambahkan kode berikut ini tepat di bawahnya.
<b:if cond='data:blog.pageType == "item"'>
<a href='http://ujie-caprone.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>

6. Kita ganti namablog saya di script tersebut dengan url blog anda dan Simpan Template jika sudah selesai.

Smoga berhasil...

0 komentar:

Poskan Komentar

lancarklik.com

Lancarklik
About The Author
Nama saya Yudi Aditya, Saya Bukan Seorang Blogger, Desainer atau Apapun Tapi Saya Hanya Seseorang Yang Ingin Selalu Belajar dan Ingin Tahu Sesuatu Yang Baru...