How to Create Breadcrumb In Blogspot

Breadcrumb on blogger or blogspot is very important, in addition to internal membagun link that leads to the homepage, breadcrumb on blogspot is also great for SEO, with the breadcrumb is installed in your blogspot, then google can index the breadcrumb anyway, see picture below!

 

 

I typed the above keywords "make recent post" on google search results are shown in the breadcrumb is indexed by a label that I created, see the red robin, it's obvious right?
how to make breadcrumbs to be indexed in google is not easy, although the way that I will share about creating breadcrumbs that can be indexed by google yet for sure but have no proof of his Rieview results. Okay, direct us to the topic of how to create a breadcrumb on blogspot do the following:

 

• Login to blogger.com. 
• Click on Layout
•  Select the Edit HTML tab 
• Click Download Full Template andplease back up your template first. 
• Then check the little box beside Expand Widget Templates. 
• Please find the code ]]> </ b: skin> 
•  place the following code right above the code ]]> </ 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;
}

______________________________________________________

• The next step you are looking <div class='post hentry uncustomized-post-template'>

• Having met the above code, you place the following code just below <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' 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 == &quot;true&quot;'> &#187;
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
</b:if>
&#187; <span><data:post.title/></span>
</b:loop>
</b:if>
</b:loop>

</div>
</b:if>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<div class='breadcrumbs'>
Browse &#187; <a expr:href='data:blog.homepageUrl'>Home</a> &#187; Archives for <data:blog.pageName/>
</div>
</b:if>
<b:else/>
<b:if cond='data:navMessage'>
<div class='breadcrumbs'>
<data:navMessage/>
</div>
</b:if>
</b:if>

______________________________________________________

• Then the Save Template,

• Wait a while until the template is stored. When finished look at your post precisely on the title of the article to determine the success or failure you set breadcrumb-navigation. If successful then the breadcrumb-navigation as it will appear above the title of this post.

So how to create breadcrumb on blogspot and to test the breadcrumb indexed or not you will check in Rich Snippets Testing Tool
I hope to create a breadcrumb on blogspot, you quickly post indexed google.Kalau work do not forget to comment.
May be useful.

Posted in: blog tutorials