Create a breadcrumbs navigation in blogspot

As we know that the breadcrumb display makes browsing our results look more attractive and also help the visitors to know the position of the article at the time of reading the article, some have argued that making the breadcrumb or install breadcrumb also add seo blog. Now, let us discuss how to make direct the breadcrumb1. Login to Blogger
     2. Select Tabs "Templates" and then select "Edit HTML"
    3. Buddy Search code like <b: includable id = 'main' var = 'top'>4. Then copy and paste the code below and place it on top of the code <b: includable id = 'main' var = 'top'>
 <B: includable id = 'breadcrumb' var = 'posts'><B: if cond = 'data: the blog.pageType == & quot; item & quot;'><B: loop values ​​= 'data: the posts' var = 'post'><B: if cond = 'data: the post.labels'><Div class = 'breadcrumbs' xmlns: v = 'http: //rdf.data-vocabulary.org/#'><Span typeof = "v: Breadcrumb '><a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'> Home </a> </ span>
 <B: loop values ​​= 'Data: post.labels' var = 'label'> »<Span typeof = "v: Breadcrumb '><a expr:href='data:label.url' property='v:title' rel='v:url'><Data: label.name/> </a> </ span></ B: loop> »<Span> <data: post.title /> </ span> </ div></ B: if> </ b: loop> </ b: if></ B: includable>
5. Find the code <b: include data = 'top' name = "status-message" />
    after meeting my friend please paste the code below and place it on top of the code
    <B: include data = 'posts' name = 'breadcrumb' />6. Find more like code]]> </ b: skin>, then place the CSS code below just above the code

  .breadcrumbs {padding: 5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size: 95%; line-height: 1.4em; border-bottom: 3px double # 009 999;}
7 And Safe Templates, finished breadcrumb your blogSimilarly, posting articles on how to make a blogspot breadcrumb may be able to benefit, greeting blogger