Hi... Friends. Sorry for not posting for a long time because i am busy in website template makeover. After all i will going to tell what thing i have introduced in my website template and how you can use it in you templates for blogger.
In this post i am going to tell how to introduce Breadcrumb in Blogger. Breadcrumb trail will help readers keep track of their location and they can browse easily between different parts of website.In Dtcrunch template, there's a section for reader postion
Here is steps to make a breadcrumb for blogger template
1. Log in your blogger Account
2. Click Layout -> Edit HTML -> Download Full Template for Backup
4. Find the code ]]></b:skin>
5. Copy and paste the code below exactly above the code
.breadcrumbs{
padding:5px 5px 5px 0;
margin:0;font-size:95%;
line-height:1.4em;
border-bottom:4px double #cadaef;
}
margin:0;font-size:95%;
line-height:1.4em;
border-bottom:4px double #cadaef;
}
6. Find the following code in your template :
<div class='post uncustomized-post-template'>
7. Copy and paste the code below exactly below the code <div class='post uncustomized-post-template'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<div class='breadcrumbs'>
Browse » <a expr:href='data:blog.homepageUrl'>Home</a> »
<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>
</b:if> » <data:post.title/>
</div>
</b:if>
</b:if>
8. Click Save Template button
9. Wait for a while until your template saved, Now open you blog, click the title of an article see the results
enjoy!!