Breadcrumbs typically appear horizontally across the top of a web page, usually below title bars or headers. They provide links back to each previous page the user navigated through to get to the current page or—in hierarchical site structures—the parent pages of the current one. Breadcrumbs provide a trail for the user to follow back to the starting or entry point. A greater-than sign (>) often serves as hierarchy separator, although designers may use other glyphs (such as » or ›), as well as various graphical treatments.And many people has create a breadcrumbs navigation for them blog, and itsvery effective to increase your SERP. So many visitor can come to your blog. And now i will give you a tutorial how to create a breadcrumbs on your blog.
Typical breadcrumbs look like this:
Home page > Section page > Subsection page
or
Home page : Section page : Subsection page
1. Login to blogger
2. Layout - Edit HTML - Expand Widget Template
3. Find this HTML code
<b:if cond='data:post.title'>4. After that paste this HTML code, after that code
<!-- Navigasi Breadcrumb Start -->6. Change the "yourblogname.comm" with your blog name/url
<b:if cond='data:blog.pageType == "item"'>
<a href='http://yoursitename.com/'>Home</a> »
<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 != "true"'>,</b:if>
</b:loop>
»
</b:if>
<data:post.title/>
</b:if>
<!-- Navigasi Breadcrumb Stop -->
7. Finally, save your template.
8. And you can see the breadcrumbs navigation on the top of your Article title
Lets see How To Create Beautiful 3 Column FooterSource :
http://belajarbisnisonlines.blogspot.com/2010/11/cara-membuat-navigasi-breadcrumb-di.html
http://en.wikipedia.org/wiki/Breadcrumb_%28navigation%29
37A8GKRJWPTX
No comments:
Post a Comment