Membuat Breadcrumb Blogspot

Minggu, 16 Mei 2010

Maksud membuat Breadcrumb pada judul diatas bisa anda ambil contohnya pada blog ini. Perthatiakn gambar dibawah ini :

Breadcrumb ditunjuk tanda anak panah pada gambar diatas. Fungsi dari breadcrumb ini, agar pengunjung dapat dengan mudah melihat posisi artikel yang di baca serta mencari artikel dalam satu kategori. Untuk membuatnya silakan anda ikuti langkah langkah berikut :

Login ke Blog Sampeyan klik DISINI
Pilih Tata Letak, Klik Edit HTML
Agar aman, silakan anda Download dulu template anda (klik Download Template Lengkap)
Beri tanda centang pada kotak kecil di samping tulisan Expand Template Widget (atas)
(gunakan Ctrl + F) Cari kode ]]></b:skin>
Copy dan paste Kode dibawah ini diatas kode ]]></b:skin>

.breadcrumbs{
padding:5px 5px 5px 0;
margin:0;font-size:95%;
line-height:1.4em;
border-bottom:4px double #cadaef;
}

Kemudian cari kode :

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

Copy kode di bawah ini :

<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<div class='breadcrumbs'>
Browse » <a expr:href='data:blog.homepageUrl'>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/>
</div>
</b:if>
</b:if>