How to make Breadcrumb in Blogspot today i just want to share to all of you thant need some information about Breadcrumb in Blogspot, to make Breadcrumb in Blogspot you just need some edit in your blogspot css, now you can follow step by step to make it
1. Login in to you blogger dashboard and than choose Design tab and click edit html tab, and don't forget to check Expand widget template
2. Search this code ]]></b:skin> into your blogger template
3. Copy this code and than paste above ]]></b:skin>
4. And than Search this code <b:include data='top' name='status-message'/> and than copy this code and paste this code under <b:include data='top' name='status-message'/>
5. Save your template
That is the easy way to make Breadcrumb in Blogspot
1. Login in to you blogger dashboard and than choose Design tab and click edit html tab, and don't forget to check Expand widget template
2. Search this code ]]></b:skin> into your blogger template
3. Copy this code and than paste above ]]></b:skin>
.breadcrumbs {padding: 5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:95%; line-height:1.4em; border-bottom:3px double #e6e4e3;}
4. And than Search this code <b:include data='top' name='status-message'/> and than copy this code and paste this code under <b:include data='top' name='status-message'/>
<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>
5. Save your template
That is the easy way to make Breadcrumb in Blogspot
0 comments :
Post a Comment