Making Browse Category Navigation Address “Browse-Nav”

0 comments

By adding the browse category navigation address into your blogger template, the reader can easily know the location of your post group by category. Now please see image below: example..

To insert “Browse-Nav”, all you need with a few modifications of your template code. Please follow instruction below:

1. Login into your blogger account.

2. Click Layout.

3. Click Edit HTML tab.

4. Click on Download Full Template to backup your blogger theme.

5. Now tick Expand Widget Templates and wait for a while.

6. Search for this code below (Ctrl+F):

]]></b:skin>

Copy and paste the code below exactly above the code ]]></b:skin>

.browsenav {
padding:5px 5px 5px 0px;
margin: 0px 0px 15px 0px;
font-size:95%;
line-height: 1.4em;
border-bottom:3px double #e6e4e3;
}

Search the following code:

Copy and paste the code below exactly below this code <div class='post hentry uncustomized-post-template'>

<b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/> <b:if cond='data:blog.pageType == "item"'> <div class='browsenav'> Browse » <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> » <span><data:post.title/></span> </b:loop> </b:if> </b:loop> </div> </b:if> <b:else/> <b:if cond='data:blog.pageType == "archive"'> <div class='browsenav'> Browse » <a expr:href='data:blog.homepageUrl'>Home</a> » Archives for <data:blog.pageName/> </div> </b:if> <b:else/> <b:if cond='data:navMessage'> <div class='browsenav'> <data:navMessage/> </div> </b:if> </b:if>

Click Save Template.

Now please click on your post title to see something awesome..like it?..

These icons link to social bookmarking sites where readers can share and discover new web pages.