How To make Breadcrumbs

How To make Breadcrumbs

Did you already know about Breadcrumbs? many people say that the breadcrumbs can make the blog more SEO friendly. Breadcrumbs is a small navigation to indicate the location of the article is located.

Breadcrumbs are usually located above the post title, then from that, this time "how to trick" will provide a trick to create or add Breadcrumbs on the post title.

Please follow these steps:
1. Log in to your Blogger account, go to "Design" and select Edit HTML.
2. check "Expand Widget Templates" and then copy the following code:

.breadcrumbs{float:left;width:100%; font-size:11px;color:#000; border-bottom:1px solid #B40404; margin:1px 0 3px; padding:0 0 2px 0px;display:block}

3. Enter (paste) the above code before the tag ]]></ b: skin>
4. Next, locate the code

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

or the like.
5. after that copy the code below and paste below code was

<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>

 6. last. save your template

good luck.....