How to Hide the Blogger Navigational Bar

Hiding the Blogger navigational bar is a design decision based on the purpose of the blog. For instance, since this blog is about Blogger I don't really see the point in bothering to hide the bar. However on my other sites, Sysrender and TWTA Newsletter, I've hidden the bar because I feel it gives the sites a more professional look.

You can also remove the bar, but I've come across design issues with removing elements of the templates before, so I'm more comfortable just leaving it in as long as I don't have to look at it.

Under the Layout tab on your Dashboard and click the Edit HTML tab.

Scroll down a little bit past the header info until you get to the template info. This is how the template info looks on my Sysrender layout:

-----------------------------------------------
Blogger Template Style
Name: Minima
Designer: Douglas Bowman
URL: www.stopdesign.com
Date: 26 Feb 2004
Updated by: Blogger Team
----------------------------------------------- */

On the next line, type or cut and paste this line:

#navbar-iframe { display: none !important;}


Click Preview to make sure it works. Click Save Template to save the changes you made.