Besok pasti

MEMBUAT DAN MODIFIKASI NAVIGASI BREADCRUMB PADA BLOG, Sebenarnya postingan yang membahas tentang navigasi breadcrumb ini sudah banyak yang tahu, namun saya yakin dari sekian banyak yang tahu tersebut, masih lebih banyak yang belum tahu tentang membuat navigasi breadcrumb ini. Dengan adanya navigasi breadcrumb ini akan memudahkan pembaca karena mereka akan tahu dimana posisi mereka saat ini (sedang membaca suatu halaman artikel). Biasanya letak penyimpanan navigasi breadcrumb ini berada diatas judul postingan kita yang hanya akan muncul di halaman postingan saja.

Untuk membuat navigasi breadcrumb ini kalian bisa mengikuti tahap-tahap dibawah ini :

1. Login Ke blogger kalian

2. Pilih Rancangan ---> EDIT HTML (centang expand template widget)

3. Simpan CSS berikut diatas kode ]]></b:skin>

.breadcrumbs{

padding:5px 5px 5px 0;

margin:0;font-size:95%;

line-height:1.4em;

border-bottom:4px double #cadaef;

}

4. kemudian silahkan kalian cari kode berikut :

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

5. Simpan kode berikut setelah kode No. 4

<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>

6. Simpan template kalian

Hasilnya akan seperti ini :