Anda di halaman 1dari 1

Cara Memasang Navigasi Breadcrumb di blog

Navigasi Breadcrumb berfungsi untuk memudahkan pengunjung untuk menemukan


artikel yang ingin di cari dan juga dapat mempermudah untuk kembali ke halaman
sebelumnya, karena Navigasi Breadcrumb ini terdiri dari beberapa link yang berisikan
label /kategori.
Navigasi Breadcrumb ini akan tampil di atas postingan berdasarkan label/kategori seperti
contoh gambar di bawah ini. bagi yang ingin memasang Navigasi Breadcrumb ini silakan
ikuti langkah-langkah di bawah ini :

 Login ke blogger
 Pilih menu Rancangan dan klik Edit HTML
 Centang Expand Widget Templates
 Kemudian Cari kode ]]></b:skin>
 Copy kode di bawah dan letakan di atas kode ]]></b:skin>
.breadcrumbs{ padding:5px 5px 5px 0; margin:0;font-size:95%; line-height:1.4em;
border-bottom:4px double #cadaef}
 Selanjutnya cari kode
<div class='post hentry uncustomized-post-template'>
 Jika kode diatas tidak ada coba cari kode seperti di bawah ini, Karena masing-masing
kode template berbeda
<div class='post hentry'>
 Kemudian copy kode di bawah ini dan letakkan di bawah kode

<div class='post hentry uncustomized-post-template'>


<b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/> <b:if
cond='data:blog.pageType == &quot;item&quot;'> <div class='breadcrumbs'> Browse
&#187; <a expr:href='data:blog.homepageUrl'>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 !
= &quot;true&quot;'> , </b:if> </b:loop> </b:if> &#187; <data:post.title/> </div> </b:if>
</b:if>

Source : http://adibey.blogspot.com/2010/10/cara-memasang-navigasi-breadcrumb-
di.html#ixzz1cSx6Uhc6

Anda mungkin juga menyukai