How to add Breadcrumbs for Blogger Blogs?

A breadcrumb trail is a navigation tool that allows a user to see where the current page is in relation to the Web site's hierarchy. It typically appears horizontally near the top of a Web page, providing links back to each previous page that the user navigates through in order to get to the current page. It is best when it appears just above your post body above the title of your post. While it makes navigation easy for your blog readers, it can also add SEO value to your blog.

Read more about Breadcrumbs : SEO and best practices @ Searchenginejournal

Blogtalksite features Breadcrumb navigation between "Featured Article" and "Post Body" section.

Breadcrumbs is one of the popular features of wordpress available readymade in themes or the plugins are available that automatically adds it. By, this time you must have already noticed that tweaking blogger is much of a manual work.

How to add breadcrumbs to blogger blogs?

1. Sign in to your blogger dashboard

How to Create A Post or a Page in Blogger without Sidebar ?

How to display custom google search result on your own site when the minimum width required for search results is 795px and your post area is far too small? This question may have haunted you and thats probably the reason you are here.


Using this code, your power to customize the page is not just limited to just removing the sidebar from a specific page. A little understanding of the given code gives you the ability to remove any component from a specific post or page using css.

<b:if cond='data:blog.url== "url of the post or page"'><style type='text/css'>#sidebar {display:none !important}.post{width:150%;}</style></b:if>

The given code snippet removes the sidebar and expands your post area to 150% only in the page with url that replaces "url of the post or page" in the above code.

Insert the code given above between <head> and <b:skin>