Hide Or Remove The Blogger Nav Bar

In Blogger blogs there is a nav bar or navigation bar that sits up top of every Blogspot blog. This nav bar allows a visitor to flip back and forth from blog to blog or allows a user to search the blog they are reading. This navigation bar also acts as a login tool for blog owners. But sometimes you just want to remove this nav bar altogether and want to hide it. Well you are in luck, it is quite easy to do and only takes a minute of your time.

How To Hide The Blogger Nav Bar

Go into your Blogger account and click on the Layout tab. You will want to Edit HTML, but first you want to backup your blog template and download the backup just in case. This is always good practice before making changes to your Blogspot templates.

Now what you want to do is use CSS (Cascading Style Sheets) techniques to hide the nav bar. (You really aren't "removing" it, just hiding it)

Next thing you want to do is find this line in the template: </b:skin>

Above this line you should find a long list of CSS commands, they all start with the number sign. (Your styling sheet) You will want to place the CSS script to hide the navigation bar there with the rest. The code to add is:

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

Once that is done, you can preview your blog minus the navigation bar and you can save the final copy, thus hiding the bar from your blog.

I should warn though, that hiding the navigation bar will remove your search bar as well and if that is a feature you wish to have, then you will have to install a new one somewhere within your template. Thanks to 20stickyposts for this hack.