Display Breadcrumbs on Google Search For Blogger

Breadcrumb is not used by most blogger as they are not SEO friendly for bloggers but its is more friendly for some blog as they must be label based post.Here below we discuss how to display breadcrumbs or link tree in blogger.

Below I had given screen shot of one of my blog for Anna university (educational blog) which get more CTR in search results.You can use this as it will increase your CTR(Click Through Rate).

Breadcrumb Blogger Implementation

1.Now log in to Blogger.

2.Then Open blogger template and click proceed.

3.Then search for below code

]]></b:skin>

4.Then just add the below css code just above skin

.breadcrumbs {
padding:5px 5px 5px 0px;
margin: 0px 0px 15px 0px;
font-size:90%;
line-height: 1.4em;
border-bottom:3px double #e6e4e3;
font-weight:bold;
}

5.Then search for the below code

<b:include data='top' name='status-message'/>

There may be two occurrence of same code then paste the below code  above each occurrences.

<b:include data='posts' name='breadcrumb'/>

 6.Now then search for below code

<b:includable id='main' var='top'>

Then if you have more than one occurrence then just go with only second occurrences and just above it paste the below code.

<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == "static_page"'>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span><data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<!– breadcrumb for the post page –>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs' xmlns:v="http://rdf.data-vocabulary.org/#">
<span typeof="v:Breadcrumb"><a expr:href='data:blog.homepageUrl' rel="v:url" property="v:title">Home</a></span>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == "true"'>
&#187; <span typeof="v:Breadcrumb"><a expr:href='data:label.url' rel="v:url" property="v:title"><data:label.name/></a></span>
</b:if>
</b:loop>
&#187; <span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span>&#187; <span>Unlabelled</span> » <span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<!– breadcrumb for the label archive page and search pages.. –>
<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Archives for <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == "index"'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == ""'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187;<span>All posts</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187;<span>Posts filed under <data:blog.pageName/></span>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>

After you have done just save the template.Then wait for google to index as all the post will be again indexed  with breadcrumb.To check preview instantly visit google rich snippet tool then use the any one of your post link not home page link.