How to Add Breadcrumbs in Blogger to gain SEO Advantage

Posted In Blogger Hacks - By Piyush Dungrani On Sunday, November 8th, 2009 With 0 Comments

I suggest every blogger who uses blogger as a blog hosting platform, should add breadcrumbs in blogger to gain SEO Advantage as well as ease of use, The term comes from the trail of breadcrumbs left by Hansel and Gretel in the popular fairytale.

Home >> Post Name are the breadcrumbs.

so below is a step by step tutorial on how you can add breadcrumb navigation for blogger.

 How to Add Breadcrumbs in Blogger to gain SEO Advantage

Go to your blogger > Layout > Edit HTML.

Note: Backup your template and choose to Expand the Widget templates.

Now Find this piece of code.

Replace the above code with this code

Now find

and Replace it with


Now find

]]>

and Replace it with the code given below

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

We have done!, now you can check your breadcrumb working in your blog.

If you are using multiple labels for one post then this breadcrumbs will show only the last label you have added, so put label at end in Labels for this post: section for which you want to show in your breadcrumb.

if you have any query you can always comment here!

Incoming search terms:

how to add breadcrumbs to blogger, breadcrumb on blogger, breadcrumbs for new blogger, breadcrumbs geekblogger, show breadcrumb in google

About - A techie by profession (software engineer) and a part time blogger by choice with immense knowledge of SEO, also writes articles on Google, Microsoft, Apple, iPhone, Internet, Blogger, Social Media and windows. Catch him on Twitter, Join Facebook Fan Page. Subscribe to GeekBlogger feed via RSS or EMAIL to receive instant updates.

Leave a comment

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>