Pasang navigator BreadCrumb di Blogspot

Salam, lama jugak tidak update post pasal tutorial. Kali ni kaze nak share tutorial cara pasang navigator Bread Crumb di Blogspot. Apa tu navigator Bread Crumb? contoh ni  Home >> OST Lagu Tema >>

Cara Pasang
1. terus gi Dashboard > Design > Layout > Edit HTML
2. click Expend the widget template
3. cari kod ni

<b:include data='top' name='status-message'/>

4. ganti dengan kod ini

<b:include data='top' name='status-message'/>

<b:include data='posts' name='breadcrumb'/>

5. lepas tu, cari kod ni pulak

<b:includable id='main' var='top'>

6. gantikan dengan yg ni, pjg sikit

<b:includable id='breadcrumb' var='posts'>

<b:if cond='data:blog.homepageUrl == data:blog.url'>

<!-- No breadcrumb on home page -->

<b:else/>

<b:if cond='data:blog.pageType == "item"'>

<!-- breadcrumb for the post page -->

<p class='breadcrumbs'>

<span class='post-labels'>

<a expr:href='data:blog.homepageUrl' rel='tag'>Home</a>

<b:loop values='data:posts' var='post'>

<b:if cond='data:post.labels'>

<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:else/>

»Unlabelled

</b:if>

» <span><data:post.title/></span>

</b:loop>

</span>

</p>

<b:else/>

<b:if cond='data:blog.pageType == "archive"'>

<!-- breadcrumb for the label archive page and search pages.. -->

<p class='breadcrumbs'>

<span class='post-labels'>

<a expr:href='data:blog.homepageUrl'>Home</a> » Archives for <data:blog.pageName/>

</span>

</p>

<b:else/>

<b:if cond='data:blog.pageType == "index"'>

<p class='breadcrumbs'>

<span class='post-labels'>

<b:if cond='data:blog.pageName == ""'>

<a expr:href='data:blog.homepageUrl'>Home</a> » All posts

<b:else/>

<a expr:href='data:blog.homepageUrl'>Home</a> » Posts filed under <data:blog.pageName/>

</b:if>

</span>

</p>

</b:if>

</b:if>

</b:if>

</b:if>

</b:includable>

<b:includable id='main' var='top'>

7. last, cari ni pulak

]]></b:skin>

8. dan gantikan dgn

.breadcrumbs {

padding:5px 5px 5px 0px;

margin: 0px 0px 0px 0px;

font-size:90%;

line-height: 1.4em;

}

]]></b:skin>

Post berkaitan