.How To Make "Breadcrumb-Navigation" In Blogger

Pada percobaan pertama ini saya mencoba membuat sebuah navigasi seperti layaknya "browse"di windows explorer.saya dapat kode ini dari salah satu teman sesama blogger.tetapi tutorial ini dalam bahasa Inggris.tidak perlu khawatir karena tutorial ini  mudah di pahami.gk usah banyak basa basi langsung saja ke TKP.


1.Please log in to blogger with your ID

2.Click Layout
3.Click Edit HTML tab
4.Click Download Full Template and please back up your template first
5.Please check the small box beside Expand Widget Template
Find the code ]]>
6.Copy and paste the code below exactly above the code

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


Find the following code in your template :


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


Copy and paste the code below exactly below the code <div class='post hentry uncustomized-post-template'>

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


7.Click Save Template button
Wait for a while until your template saved
Open your blog, click the title of an article, see the result
Finished.