Label Cloud

Search This Blog

08 March 2010

online counter Pasang Breadcrumb-Navigation

Assamualaikum , Msue nak kongsi lagi ngan korang sume .
Petang ni Msue nak kongsi ngan korang cara nak Pasang Breadcrumb-Navigation .





1. Login ke Blogspot .

2. Klik Layout - Edit HTML(Tandakan pada Expand Widget)

3. Cari kod di bawah(Gunakan CTRL+F untuk memudahkan korang mencarinya .


]]></b:skin>


4. Copy kod dibawah ini .


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


5. Pastekan diatasnya .

6. Cari kod dibawah .


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



7. Copy kod dibawah .


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



8. Pastekan dibawahnya .

9. Preview dan Save template .:okay:yahoo




Tinggalkan Komen Anda Disini