Membuat Breadcrumbs Trail

Untuk rujukan aku jek! kekeekek! Kalau korang nak follow pon boleh aje.. Tiap kali korang klik mana2 Entri/Tajuk, ada pasan tak benda nih? (lihat gambo)

Benda tu ada kat atas Topik entri kita tu. Tanpa membuang masa aku teruskan jek jalannye.

1) Gi kat Edit HTML -> Tick Expand Widget Templates

2) Cari code nie -> <b:includable id='main' var='top'> Dan tambahkan code berwarna merah dibawah nie di atasnya.

<b:includable id='breadcrumbs' var='post'>
<!-- Breadcrumbs hack. By Hoctro 9/11/2006 http://hoctro.blogspot.com -->
<b:if cond='data:blog.pageType == "item"'>
<p class='breadcrumbs'>
<span class='post-labels'>
<b:if cond='data:post.labels'>
You are here:
<a expr:href='data:blog.homepageUrl' rel='tag'>Home</a> >
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == "true"'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
</b:if>
</b:loop>
<b:if cond='data:post.title'>
> <b><data:post.title/></b>
</b:if>
</b:if>
</span>
</p>
</b:if>
<!-- End of Breadcrums Hack -->
</b:includable>

3) Kemudian cari pulak code ini --> <b:if cond='data:post.dateHeader'>
dan tambahkan code <b:include data='post' name='breadcrumbs'/> di atasnya.

4) Last sekali, tambahkan Code CSSnya dan letakkan code merah bawah nie sebelum ]]></b:skin>

.breadcrumbs {
border-bottom:1px dotted #000;
margin:2em 0 0.5em;
padding:0 0 0.5em;
}

5) Savekan dan lihat hasilnya


Rujukan:

1. Teratak Muncet
2. Hoctro's Place.