How to hide the Blogger Navbar

I’m not a huge fan of the Blogger Navbar – it sits at the top of our Blogger blogs looking incongruous and ugly.

It also makes it easy for malevolent readers to flag our blogs (whether it’s deserved or not) and/or navigate to a new one.

You may have noticed that the Blogger Navbar is not visible in any of my blogs. Sure the little sucker is technically still there but I made it invisible using a simple CSS trick.

Here’s how you hide your Blogger Navbar…

To hide your Blogger Navbar you simply add a few lines of CSS to the header section of your Blogger template.

Simply go into the Layout/Edit HTML menu and put the following CSS in your Blogger template:

#navbar-iframe {
height: 0px;
visibility: hidden; /* Gets rid of Blogger Navbar */
display: none;
}

It’s worthwhile leaving the /* comment */ in there too so you can remember what you did.

Now save your Blogger template.

Voila! That’s all there is to it – no more annoying Navbar!