Creating breadcrumb on the blog

Install the breadcrumb on this blog will make our blogs more easily recognizable by the search engine on, because it's like a breadcrumb keywords or tags that can lure search engine to index our posts to be faster, therefore I highly recommend all bloggers who have not made put it, OK now we can skip ahead to "the scene" how to install the breadcrumb our blog.

First, go to Blogger

Edit HTML

Tick the Expand Widget Templates

look for code like this: ]]></b:skin>

after that copy the code below just above the code above :

.breadcrumbs{

padding:5px 5px 5px 0;

margin:0;font-size:95%;

line-height:1.4em;

border-bottom:4px double #cadaef;

}

after that save your template.

now tick the expand widget template.

andlook for for code like this :

<div class='post hentry uncustomized-post-template'>

if you found a copy code below right under this code:

<b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/> <b:if cond='data:blog.pageType == &quot;item&quot;'> <div class='breadcrumbs'> Browse &#187; <a expr:href='data:blog.homepageUrl'>Home</a> &#187; <b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url' rel='tag'><data:label.name/></a> <b:if cond='data:label.isLast != &quot;true&quot;'> , </b:if> </b:loop> </b:if> &#187; <data:post.title/> </div> </b:if> </b:if>

If the preview is finished now blog friends, if you are successful, do not forget to save your template. Now to see the results please see one of the posts my friend and see above post title there will be a sequential navigation. Well that's just my friend made.

if less obvious, comment yes

How to create a breadcrumb version two, click here

Happy Bloging