How to Hide Blogger Navbar in New Blogger

Do you want get rid of The Blogger Navbar/Toolbar?


The Blogger Navbar is a default navigation and search bar on top of all blogspot blogs and they allow you to change the color, but sometimes it may not blend with your template.

How to hide the Navbar

It's very easy to hide the Navbar because you can do it by adding a CSS tag to your blogger template. The code below hides the Navbar in new Blogger.

#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}

If you just transferred form the old Blogger to the new you can see the code to hide the Navbar is not working. That's because Google have change the CSS tags to display the Blogger Navbar. So you have to find the code below and replace it with the code above to hide the Navbar.

#b-navbar {
height:0px;
visibility:hidden;
display:none;
}

The code I have showed you works perfect to hide the Blogger Navbar, but there is alternate ways to hide the navbar. So if you don't like this solution I have showed you, search the net to find an alternate way to hide the navbar.

Is it against Blogger TOS to hide the Navbar?

Bloggers policy page don't anything about removing the blogger navigation toolbar. So you can safe full remove the Blogger Navbar if you like so. But stay updated on Blogger TOS, so you don't violate them. Read blogger TOS.