Tuesday, 26 March 2013

How to add Breadcrumb to your Blogspot


What is Breadcrumb ?


Breadcrumbs sequence of navigation of a website
Or in other words
it is a way visitors can easily navigate through a website or blog easily.


Uses:
Visitors of the breadcrumb enabled website, blog does not need to press the back button rather he/she could click on one of the category’s or sub category’s of the breadcrumb to navigate through the previous pages.

How to add Breadcrumbs to a blogspot or blogger:-

1     1 .First create a backup of your Template.

  •         Go to Your blogger Dashboard , then Click on Template as shown below.


  •         Then click on backup/restore button.
  •     You will be presented with a dialog box shown below.


  •         Click on Download Full template to download the template.



2. Now again go  to template and click on Edit HTML to edit your template.



3. Check “Expand widget templates” on left corner.

4. Now search for the term


<b:include data='top' name='status-message'/>


Replace that code with


<b:include data='top' name='status-message'/>

<b:include data='posts' name='breadcrumb'/>

5.Then Search for the term

<b:includable id='main' var='top'>
You may find two occurences in that case go for the second one
Then just above/before that paste this code
BREAD




6.Now check your breadcrumb by visiting one of the posts

Remember in homepage like technounited.blogspot.com breadcrumb will not be displayed.
It is visible on other posts and pages. Like –
technounited.blogspot.com/2013/03/ways-to-rank-high-in-google.html

7.However you may find that the middle portion of the breadcrumb shows “unlabeled” in that case
Give each of your post a suitable  label .

Remember two different posts may have the same label.


8.You are done.

  


0 comments:

Blog Archive

COPYRIGHT © AllBloggersWay. All Rights Reserved. Powered by Blogger.

Popular Posts