How To Use And Create Breadcrumb Navigation For Blogger

Breadcrumb navigation is an additional menu that appears horizontally at the top of the blog page, this menu usually displayed in the format: Browse >> Home >> [Name Tags] >> Post Title. Breadcrumb the easy terms of navigation, is also believed to facilitate the search engines to index the latest article posts.

According to wikipedia, Breadcrumb definition is a typical appear horizontally across the top of a web page, usually below title bars or headers. Breadcrumbs provide links back to the previous page Breadcrumbs provide a trail for the user to follow back to the starting point or entry. A sign that is greater than (>) often serves as hierarchy separator, although it can use other symbols (such as »or>), as well as a variety of graphs.

Here's my explaination on how to create breadcrumb navigation :

• Login to Dashboard blogger with your ID and then click the Template menu >> Edit HTML.

• Find the code ]]> </ b: skin> on Edit HTML by pressing the button (CTRL + F) and add the code below just above the code.

.Breadcrumbs {padding: 5px 5px 5px 0; margin: 0; font-size: 95%; line-height: 1.4em; border-bottom: 4px double # cadaef;}

• Find <div class='post hentry'> or <div class='post uncustomized-post-template'> hentry then add code like the following just above the code.

<b:if cond='data:blog.homepageUrl == data:blog.url'>

<b:else/>

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

<div class='breadcrumbs'>

Browse »<a expr:href='data:blog.homepageUrl'> Home </ a>» <b:if cond='data:post.labels'> <b: loop values ​​= 'data: the 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/>

</ Div>

</ B: if>

</ B: if>

• Save the template and check the results.

Functions and Benefits of Breadcrumbs

Breadcrumbs provide a sign function and knowledge for the visitors are web or blog, Breadcrumb can help us in the navigation link in order to more easily find and understand.
The benefits of Breadcrumb for SEO is to enrich keywords in your website or blog post, of course it is very good for SEO blog according to SEO experts. Install the breadcrumb will make a post on blogger get indexed by search engines more quickly.
Happy blogging! ^^

Posted in: Blogger Layouts,Blogger SEO,Blogger Tricks,Blogger Tutorials