[How To] Remove NavigationBar on Blogger.com

Hello.
I just wanted to share a small trick, if you want to remove the Navigation Bar on blogger.com

 

 Note: You should always take a backup of your template before you edit things.

First, go into your settings menu, and then go to Design > Edit HTML

Go down to the HTML code and search for "</style>" (CTRL+F to open up Searchbar on some browsers).
Before the </style>, add this piece of code:

body {
position: relative;
top: -32px;
}

Basically what this piece of code does is moving the whole page up 32 pixels so the menu doesnt appear on top.
And the navigationbar happends to be 32pix height.

Another method is to just hide the menu, without moving the page up 32 pixels.
To do that, you can add this piece of code before the </style>-tag:

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

When you're done, hit the "Save Template" button!