IT Masala

A Tech Curry with a Pinch of Indian Spice

28th January 2007

How to remove Blogger Beta Navbar

posted in Bloggers, Google, Hacks, Webmaster |

Most of the bloggers on blogger.com don't like that nav bar on top of their blogs.So you want to get rid of it . So here's a hack from blogger-templatesPraveen

To hide the Blogger NavBar paste the CSS definition between the style tags:

First, login into your blogger (beta) account and click Template.

Now, click on Edit HTML…and paste this piece of code.

 

<style type="text/css">
#b-navbar {

height: 0px;

visibility: hidden;

display: none;

}
</style>

Hiding the banner in Blogger Beta (iframe):

<style type="text/css">
#navbar-iframe {

height: 0px;

visibility: hidden;

display: none;

}
</style>
Save the changes and have a look at your new Blog. You'll find that the Navbar has disappeared.Just remove the code to show it again.

Note : Some say its against the TOS of Google for blogger.com to remove navbar.But its not mentioned anywhere in the Google TOS .

This is what they have mentioned on their site - thats all.

The Navbar appears on all freely-hosted Blog*Spot blogs, but can be disabled for users publishing via FTP.

  • Unless you publish your blog via FTP, the Navbar cannot be disabled.
  • We've made every effort to make sure the Navbar doesn't interfere with custom template designs.

But you can disable it without using FTP publishing too with this trick..so enjoy !

Leave a Reply

*
To prove you're a person (not a spam script), type the security text shown in the picture. Click here to regenerate some new text.
Click to hear an audio file of the anti-spam word


Call India for only 6.9ยข - 90 Free Minutes
Spread the Word
delicious
digg
technorati
reddit
magnolia
stumbleupon
yahoo
google