Wednesday, December 14, 2011

Breadcrumbs Navigation The Simple Way To Increase Your SERP

Do you know breadcrumbs?
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.
Typical breadcrumbs look like this:
Home page > Section page > Subsection page
or
Home page : Section page : Subsection page
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.

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 -->
<b:if cond='data:blog.pageType == "item"'>
<a href='http://yoursitename.com/'>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 != "true"'>,</b:if>
</b:loop>
&#187;
</b:if>
<data:post.title/>
</b:if>
<!-- Navigasi Breadcrumb Stop -->
6. Change the "yourblogname.comm" with your blog name/url
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 Footer
Source :
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

My Ping in TotalPing.com
Feedage Grade D rated
Preview on Feedage: web-design Add to My Yahoo! Add to Google! Add to AOL! Add to MSN
Subscribe in NewsGator Online Add to Netvibes Subscribe in Pakeflakes Subscribe in Bloglines Add to Alesti RSS Reader
Add to Feedage.com Groups Add to Windows Live iPing-it Add to Feedage RSS Alerts Add To Fwicki
Ping your blog, website, or RSS feed for Free