Aceh Tech : How to Make a Breadcrumb Navigation

How to Make a Breadcrumb Navigation or Menu Navigation Above Posting Articles or Make Blog Creating a Breadcrumb Menu On the navigation menu at the top row or the term referred to an article posted breadcrumb, is an effective way to provide convenience of visitors in see category blog.
Breadcrumb Navigation is terms of seo (search engine optimization), Google already support this breadcrumb. How to Create a Menu Breadcrumb Navigation In Blog
To see results from a blog that has been made breadcrumb / navigation menus above post can see the picture.

Steps On How To Make Breadcrumb Blogger

First, make sure you have made the label on the blog.

Then, go to the Dashboard, select Layout and then select Edit HTML, do not forget to tick Expand Widget Templates.
Next find the following code (use Ctrl + F on your keyboard to aid search):

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

when you have found the code, put this code Above it..

<b:includable id='breadcrumbs' var='post'>


<b:if cond='data:blog.pageType == "item"'>


<b:if cond='data:post.labels'>

Browse:
<a expr:href='data:blog.homepageUrl' rel='tag'>Home</a> >
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == "true"'>
<a expr:href='data:label.url' rel='tag'> <data:label.name/></a>
</b:if>
</b:loop>
<b:if cond='data:post.title'>
> <data:post.title/>
</b:if>

</b:if>


</b:if>

</b:includable>

Then,find this code again.

<b:if cond='data:post.dateHeader'>

and put this code Above it.

<b:include data='post' name='breadcrumbs'/>

Also find this code ]]></b:skin>

then put this code Above it.

.breadcrumbs {
border-bottom:1px dotted #000;
margin:2em 0 0.5em;
padding:0 0 0.5em;
}

Save template and you'r DONE.

Dont forget to Comment this post guys.. --------------------------------------------------------------------------------------------------------------------------------------------------