Install the breadcrumb on the blog

How to create a breadcrumb is different from the way I've ever posted before, because it makes the breadcrumb on the blog this second way, then each of us make use of many labels will not be many of our post title in the navigation breadcrumb, for those who already make use of the way first , please in the first standarkan or removed before the code,

First, the incoming bloggers

Edit HTML check Expand Widget Templates

and enter the CSS code below the above code : ]]></b:skin>

.breadcrumbs {

padding:5px 5px 5px 0px;

margin: 0px 0px 15px 0px;

font-size:11px;

line-height: 1.4em;

border-bottom:3px double #e6e4e3;

}

After that look for code like this :

<b:includable id='main' var='top'>

<!-- posts -->

<div class='blog-posts hfeed'>

<b:include data='top' name='status-message'/&gt;

If you have found to delete and replace with code like this:

<b:includable id='breadcrumb' var='posts'>

<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' rel='tag'>porch</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;'> &#187;

<a expr:href='data:label.url' rel='tag'><data:label.name/></a>

</b:if>

</b:loop>

&#187; <span><data:post.title/></span>

</b:if>

</b:loop>

</div>

<b:else/>

<b:if cond='data:blog.pageType == &quot;archive&quot;'>

<div class='breadcrumbs'>

Browse &#187; <a expr:href='data:blog.homepageUrl'>porch</a> &#187; Archive for <data:blog.pageName/>

</div>

<b:else/>

<b:if cond='data:blog.pageType == &quot;index&quot;'>

<div class='breadcrumbs'>

<b:if cond='data:blog.pageName == &quot;&quot;'>

Browse &#187; <a expr:href='data:blog.homepageUrl'>porch</a> &#187; All Articles

<b:else/>

Browse &#187; <a expr:href='data:blog.homepageUrl'>porch</a> &#187; Articles In Category <data:blog.pageName/>

</b:if>

</div>

</b:if>

</b:if>

</b:if>

</b:if>

</b:includable>

<b:includable id='main' var='top'>

<!-- posts -->

<div class='blog-posts hfeed'>

<b:include data='top' name='status-message'/>

<b:include data='posts' name='breadcrumb'/>

completed...!!!

Your comments please, about this article

happy bloging