Sep 2, 2010

How to make the breadcrumb navigation at blogspot?


Breadcrumb navigation at blogspot will appear on the label / tag of your postings. Here's the tutorial.

1. Log in to blogger.
2. Select Layout menu (Layout) »Edit HTML.
3. Check the Expand Widget Templates writings.

 find the following code

5. Add the following code below. 

<b:if cond='data:blog.pageType == "item"'>
<a href='http://blogname.blogspot.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>
6. save template

You can add a line under the navigation by adding the  <hr/> code below <data:post.title/> code above.

Now look at the results. If it is successful, then you are already running one of the factors of SEO. Do not forget to look at post 5 basic SEO tips for beginners are also useful for SEO.Good luck!

0 comments:

Post a Comment