How to Install Breadcrumb Navigation

Using bredcrumb to determine SERP in google search engine. On some search results google blog google shows that it also uses breadcrumb navigation in google search results, although not very significant impact on the SERP but from my monitoring recent time it seems more like google blog with regular structure.

How to Install Breadcrumb In Blogger:
1. Log into your blogger

2. Click the tab layout

3. Click the Edit HTML tab

4. Do not forget to back up your blog template first

5. Click the box beside Expand Widget Templates expand

6. Find the code ]]> </ b: skin>

7. Paste the following code just above the code ]]> </ b: skin>
. breadcrumbs {
padding: 5px 5px 5px 0;
margin: 0; font-size: 95%;
line-height: 1.4em;
border-bottom: 4px double # cadaef;}

8.Find the following code
<div class='post hentry uncustomized-post-template'>

9.Paste following code just below the code <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/>
</ div>
</ b: if>
</ b: if>

10. Save modified
11. And see the results on your blog.

Hopefully useful...

Categories: Blogging, Blogspot, Tutorial