View Basnet Blog In Any Colours
  • CREATE A FREE BLOG

    Creating a blog is very easy than you might be thinking. You don't have to be a computer or programming genius, clear instructions provided in this blog....

  • FREE MINIMA TEMPLATE

    Unlike previous two column Minima blogger template this new three column Minima blogger template has been edited for better results. New features for better seo has been....

  • COLOUR GENERATOR

    Generate matching color schemes to use it while editing your blog or a website. Like never before with this free colour code generator tool....

  • ADVERTISE HERE

    Now you can reach our highly involved audience and generate huge Traffic. Its simple Promote Your Business On Basnet Blog and see the difference.

  • MAKE MONEY

    Now you can reach our highly involved audience and generate huge Traffic. Its simple Promote Your Business On Basnet Blog and see the difference.

10 Apr 2012

1 REMOVE BLOGGER NAV BAR HIDE NAVBAR

Blogspot hosted Blogger blog comes with a default navigation bar or navbar which allows users to search the posts within the blog, helps visitors to easily navigate to other random blogs, mark any blog as spam by clicking Flag Blog option. Most blogger prefers to hide the nav bar using the simple css trick in the template of the blog but are you aware that you can also permanently remove the nav bar. Yes, it’s up to you to decide whether you want to hide the blogger nav bar, disable blogger nav bar or remove the blogger nav bar permanently. I have written down simple and step wise instructions I hope you will enjoy playing with the codes.
...............................................................................................................
Advantages and reasons to disable blogger nav bar
...............................................................................................................
1. You can make your blog look professional.
2. Visitors can never flag and mark your blog spam.
4. Take advantage of default blogger blog search engine.
3. Visitors will have no option to jump out of your blog clicking the ‘Next Blog’ or ‘Previous Blog’ option.
...............................................................................................................
Disadvantages and reasons not to disable blogger nav bar
...............................................................................................................
1. Your visitors cannot use the link Follow and cannot follow your blog.
2. Visitors and you yourself can no longer search the post within the blog.
3. Unfortunately you will remove a blogger stamp.
...............................................................................................................
Explanation on hiding the nav bar style one
...............................................................................................................
Follow step wise instructions to hide blogger navigation bar.

1. Sign in to your blogger dashboard and click the design button.
2. Next, click the edit html tab and tick mark the expand widget box.

Search the codes given below in red in your blogs template.
/* Variable definitions
====================
3. Now add the code in green given below just above the code in red.
#navbar-iframe {
display: none !important;
}
The final result of the code should look like this.
#navbar-iframe {
display: none !important;
}
/* Variable definitions
====================
...............................................................................................................
Explanations on hiding the nav bar style two
...............................................................................................................
Follow step wise instructions to hide blogger navigation bar.

1. Sign in to your blogger dashboard and click the design button.
2. Next, click the edit html tab and tick mark the expand widget box.

Search the codes given below in red in your blogs template.
/* Variable definitions
====================
3. Now add the code in green given below just above the code in red.
#navbar {
height: 0px;
visibility: hidden;
display: none;
}
The final result of the code should look like this.
#navbar {
height: 0px;
visibility: hidden;
display: none;
}
/* Variable definitions
====================
...............................................................................................................
Completely removing the blogger nav bar
...............................................................................................................
Search This
<body>
Paste This just above the code shown above in red.
<!--<body>-->
The final result of the code should look like this.
<!--<body>-->
<body>
Now Save the Template and you will see a confirmation about deleting the Navbar Widget.

Confirm the Deletion by Clicking on the Delete Widgets Button.
...............................................................................................................
How to get back the Nav Bar?
...............................................................................................................
In any point of time if you want the nav bar to reappear in you blog than simply search the extra codes you have added and remove it. And lastly don’t forget to save the template.

Remove this:

#navbar-iframe {
display: none !important;
}
OR
#navbar {
height: 0px;
visibility: hidden;
display: none;
}
OR
<!--<body>-->

If you have any doubts regarding this post, or any other posts don't hesitate to submit a request or you may also ask your doubts via comments to this post. But please note we hate spam’s as much as you do.

1 comment:

  1. Really Amazing article. I found all the articles of this blog 100% perfect, helpful & unique. You are a legend Blogger, blogger master. You can take a look on my website in same niche and post a comment.How to Remove Blogger Navbar
    Thanks from admin of How to Blogger Tips

    ReplyDelete

This Is a DO FOLLOW BLOG. So Leave Your valuable Comments and get a Quality BacklinkS and of course high Google Page Rank.

CONDITIONS APPLY:

1. Comments made simply to get backlink profit WILL BE DELETED.

2. We don't accept Spam Comments.

3. We don't accept more than 1 link in comments post body.

4. Please refer to TERMS AND CONDITIONS for more information on posting comments.

 

BASNET BLOG | Copyright © 2011 | Powered by Blogger | Blog Designed By Yogen Basnet

Get Latest Updates: Subscribe Now | Like Us Facebook |