How to Set Up Breadcrumb for Blogger

A breadcrumb trail is a set of links (breadcrumbs) that can help a user understand and navigate your site's hierarchy. The term comes from the trail of breadcrumbs left by Hansel and Gretel in the popular fairytale. Breadcrumbs are links to the pages you've already been to in arrange to obtain to the page that you are currently on. This set of breadcrumbs will appear on the page like this:

MainLabels › Post Title


If you mark up breadcrumb information in your blog or a page, Google can identify it & use it to understand and present the information on your pages in the search results. Breadcrumbs can contain microdata or RDFa markup. This tutorial uses the RDFa format. The following image is breadcrumbs which is displayed in Google Search.

Breadcrumb in Google Search
Breadcrumb in Google Search

Now let's see how to add breadcrumb markup for blogger.

  1. Log in to Blogger and Click the blog title that you want to set up for.
  2. Click "Template" » "Edit HTML" » "Proceed" and mark the "Expand Widget Templates".
  3. Now Find
  4. <b:include data='top' name='status-message'/>
  5. Simply Paste the following code above that
  6. <b:include data='posts' name='breadcrumb'/>
  7. Now find
  8. <b:includable id='main' var='top'>
  9. Now Paste the following code above that
  10. Now Save your Template
  11. You can customize the design of breadcrumb. Go to Template Designer » Advanced » Add CSS & add this CSS code & click Apply.

    .breadcrumbs {
    padding:5px 5px 5px 0px;
    margin: 0px 0px 15px 0px;
    font-size:94%;
    line-height: 1.5em;
    font: Georgia, serif;
    border-bottom:4px double #ff00ff;
    }
  12. Enjoy......

Demo:

Breadcrumb in Blogger
Breadcrumb in Blogger

Now it is time to check your breadcrumb using the Rich Snippets Testing Tool

Breadcrumb navigation is types of navigation will must be used in every website to make user's to have clear view of the site architecture of where they are presently in the site. A vital part of a good search engine optimization strategy (SEO) is linking ability, and breadcrumbs provide that capability out of the box.

The given codes and some quotes of this article has been collected from various sources.

3 comments: