Saturday, April 3, 2010

How To Add Breadcrum To Blogspot

What is breadcrump, breadcrump is a navigation of the site, you can see an example like this (the top of this blog Home » SERP » How To Add Breadcrum To Blogspot ) the function of add the breadcrump or site navigation is for SEO, warming up your SERP, and easy navigation user, ok lets do it, lets make a breadcrump at blogspot :

1. Login into your blogspot account
2. Go to dashboard and then go to layouts and edit html
3. Check Expand widget template
4. Search this code ]]></b:skin>
5. Place this code before ]]></b:skin>
.breadcrumbs{
padding:5px 5px 5px 0;
margin:0;font-size:95%;
line-height:1.4em;
border-bottom:4px double #cadaef;
}
6. Search this code <div class='post hentry uncustomized-post-template'>
7. Place this code after <div class='post hentry 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/>  <a href="http://blogpostat.blogspot.com/" target="_blank" >Grab This Widget (Breadcrump)</a>
</div>
</b:if>
</b:if>
8. Save and finish ^_^ now you have breadcrump or navigation into your blogspot


Simmilar Posts by Categories


0 comments:

Post a Comment