How to Create Breadcrumb In Blogspot

On the last post we have discussed how to create a breadcrumb in wordpress blog, now we will give you tips how to create breadcrumb on blogspot

• Login into your blogspot account
• Click Layout
• Click Edit HTML
• Checkmark Expand Widget Template
• Find Code ]]></b:skin
• Copy paste below code  above code ]]></b:skin

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

• Find Code <div class=’post hentry uncustomized-post-template’>
• Put the code below right under 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 == &quot;item&quot;'>
   <div class='breadcrumbs'>
  Browse »  <a expr:href="data:blog.homepageUrl" rel="tag">Home</a>
   <b:loop values='data:posts' var='post'>
   <b:if cond='data:post.labels'>
   <b:loop values='data:post.labels' var='label'>
   <b:if cond='data:label.isLast == &quot;true&quot;'> »
   <a expr:href="data:label.url" rel="tag"><data:label.name/></a>
   </b:if>
  » <span><data:post.title/></span>
   </b:loop>
   </b:if>
   </b:loop>
  </div>
   </b:if>
  <b:else/>
  <b:if cond='data:blog.pageType == &quot;archive&quot;'>
  <div class='breadcrumbs'>
  Browse » <a expr:href="data:blog.homepageUrl">Home</a> » Archives for <data:blog.pageName/>
  </div>
  </b:if>
  <b:else/>
   <b:if cond='data:navMessage'>
  <div class='breadcrumbs'>
  <data:navMessage/>
  </div>
  </b:if>
  </b:if>