Selasa, 24 April 2012

Buat Navigasi Breadcrumb di Blogger

1. Masuk ke Blog Anda
2. Pilih Template kemudian klik Edit HTML, jangan lupa centang Expand Template Widget.
3. Cari kode  ]]></b:skin>  jika sudah ketemu salin Kode HTML dan tempel tepat di atas kode tersebut.

Kode HTML:

.breadcrumb {
padding:5px 5px 5px 0px;
margin: 0px 0px 10px 0px;
font-size:90%;
line-height: 1.2em;
border-bottom:3px double #e6e4e3;
}


Selanjutnya cari kode <b:if cond='data:post.title'> setelah ketemu salin Kode HTML kemudian tempelkan di bawah kode tersebut

Kode HTML :

<b:if cond='data:blog.pageType == "item"'>
<div class='breadcrumb'>
<a expr:href='data:blog.homepageUrl' rel='tag'>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/>
</div>
</b:if>


kemudian Simpan, dan lihat hasilnya.