How to hide the Blogger Navigation bar

When you create a new blogger blog, the first thing you will notice is the blue navigation bar (also called blogger navbar). Although it has some useful features like search box and allows you to post and customize you blog from here, you might want to remove this navbar. As navbar is provided by google and is not in your blog template you cannot remove the navbar. But you can hide it by using a simple CSS code. Hiding the navbar is not taken as illegal by google but you should apply this hack after understanding the possible implications ;).

If you decide to remove the Navbar, you shouldn't be on the "Next Blog". You cannot eat your cake and have it too; if you want to receive traffic from the "Next Blog" button, then you have to have the Navbar, and vice versa.

To hide the navbar, here's what you should do :-

• Sign in to your blogger account, Go to Layout > Edit HTML in your blogger dashboard and if you want you can backup your template to ensure that you can restore it if you make any mistakes.
• Next, find this line in the template: </b:skin>
• Just before this line, insert the following lines of code:
#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}

you can then preview your template to ensure that the code is working fine. If you like the effect,save your template and you are done !