How to remove or get back the Blogger Nav Bar from your blogger blogs?
You should have seen a bar as shown below. This is called the blogger nav bar which Blogger adds to all the blogs. This nav bar provides you the following functionalities:
  • Enables you to browse through other recently updated blogs using ‘Next Blog’.
  • Lets you ‘Flag blogs’ for unwanted contents,
  • Lets you Search current blog for specific content.
  • And if you are logged in, then it enables you to create a new post or customize your blog settings.
Though it provides some facilities for blogger, but people have different views about it. Some want it, some don’t.
If you are among those who don’t want it, here is what you need to do:
  1. Go to Layouts > Edit HTML
  2. Select the check box to ‘Expand Widget Templates’
  3. Insert the following code to your blog template:

    <style type=”text/css”>
    #b-navbar {
    height:0px;
    visibility:hidden;
    display:none
    }
    </style>

  4. Preview before saving the changes.
  5. If satisfied, save the changes. You will no longer see the Blogger Nav Bar. Cool, hmmm…
Now if you are among those who like it and somehow don’t have it because you might be using some theme not provided by blogger. Assuming that your theme provider disabled that functionality by adding the above code, here is what you need to do:
  1. Follow Steps 1 & 2 above.
  2. Press Ctrl + F, which gives you the search option in your browser.
  3. Search for ‘nav’ or ‘navbar’ or something like that in your template.
  4. Hopefully you will find the same code mentioned above.
  5. Add ‘/*’ where that code starts and ‘*/’ where that code ends. After you are done, your code will look something like it:
    /*#navbar-iframe {
    height:0px;
    visibility:hidden;
    display:none
    }*/
  6. Follow Steps 4 & 5 mentioned above.
You are all set with the changes you need to do for Blogger Nav Bar. Next time when you want to activate/deactivate, just follow the steps mentioned above.

Suggested Posts…