Home »
Tutorial
»
Cara Bikin Navigasi Breadcrumb pada Blog
Cara Bikin Navigasi Breadcrumb pada Blog
Posted: Selasa, 26 April 2011 by Dany "Vyr03z" Firdaus in Label: Tutorial
0
Mungkin ada beberapa sobat yang masih bingung apa itu Navigasi Breadcrumb????
tapi sebenernya saya juga bingung nih definisi soal Navigasi Breadcrumb hehehehe
ya udah deh ane kasih contohnya saja ea??
contoh dari Navigasi Breadcrumb seperti dibawah ini.
Home » Tips Blogging » Cara Membuat Navigasi Breadcrumb di Blogger
Browse: Home » Tips Blogging » Cara Membuat Navigasi Breadcrumb di Blogger
Ada 3 manfaat/kegunaan dari navigasi breadcrumb, antara lain
- Memperindah tampilan halaman/artikel.
- Memudahkan pengunjung dalam menelusuri blog.
- Mengoptimalkan halaman di search engine (mesin pencari).
Nah sekarang langsung aja cara membuatnya ya....
1. login blog
2. rancangan >> Edit HTML >> centang Expand Widget Templates
3. lalu cari kode dibawah ini
<b:if cond='data:post.title'>
lalu letakkan kode dibawah ini tepat dibawah kode <b:if cond='data:post.title'>
<b:if cond='data:blog.pageType == "item"'>ganti tulisan yang berwarna merah dengan alamat blog sobat
<a href='http://namablog.blogspot.com/'>Home</a> »
<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>
»
</b:if>
<data:post.title/>
</b:if>
4. jangan lupa simpan dan lihat hasilnya....
good luck....
Referensi:http://vikrymadz.blogspot.com/2011/04/cara-membuat-navigasi-breadcrumb.html