10 November 2011

Adding Breadcrumbs In Bloggers Blog

Add Breadcrumbs Navigation in blogger
To all bloggers out there,have you added breadcrumbs navigation in your blog ?
If your blog does not have these ,it's better for you to add breadcrumbs in you bloggers blog for search engine to crawl faster to your website.
You can do these simple tutorials by following these few steps :
Note : Back up your templates first.
  1. In your HTML (Design Tabs) ,click to check box at Expand Widget Template
  2. Press Control F & search for ]]></b:skin> 
  3. Add the code below above ]]></b:skin>
  4. .breadcrumbs {float: left;width: 590px;font-size: 11px;margin: 5px 10px 20px 10px;  padding: 0px 0px 3px 0px;  border-bottom: double #EAEAEA;}
  5. Copy & Paste to find these code below (these code might appear more than once in your  blogger template) <b:include data='top' name='status-message'/> 
  6. Add <b:include data='posts' name='breadcrumb'/> below each of  <b:include data='top' name='status-message'/>
  7. Finally look for these code : <b:includable id='main' var='top'> copy & paste below code provided above  <b:includable id='main' var='top'>
<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<!-- No breadcrumb on home page -->
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<!-- breadcrumb for the post page -->
<p class='breadcrumbs'>
<span class='post-labels'>
<a expr:href='data:blog.homepageUrl' rel='tag'>Home</a>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<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:else/>
»Unlabelled
</b:if>
» <span><data:post.title/></span>
</b:loop>
</span>
</p>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<!-- breadcrumb for the label archive page and search pages.. -->
<p class='breadcrumbs'>
<span class='post-labels'>
<a expr:href='data:blog.homepageUrl'>Home</a> » Archives for <data:blog.pageName/>
</span>
</p>
<b:else/>
<b:if cond='data:blog.pageType == "index"'>
<p class='breadcrumbs'>
<span class='post-labels'>
<b:if cond='data:blog.pageName == ""'>
<a expr:href='data:blog.homepageUrl'>Home</a> » All posts
<b:else/>
<a expr:href='data:blog.homepageUrl'>Home</a> » Posts filed under <data:blog.pageName/>
</b:if>
</span>
</p>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
Preview & Save your template .
All the best & hope you will enjoy on my next blogging post .

Don't Forget To Subscribe Me By Email!

0 comments:

Post a Comment

Please do place your comments here if you find the above post is informative .And Do Subscribe by email To My Blog.
Thank you
From: Blogging Angel

back to top