Remove Blogger bar (navbar)

Blogger gives you free blogs service, with the simple condition of display a bar on top of the page, and do not display advertisement. But if you don’t like it, and you want to remove it (or hide it), we tell you how.

1. Go to the “Layout” tab, and then to “Edit HTML”.



2. Search in the code the following text.

body {
...

3. Just above it, paste the following code depending of your Blogger version. For the new blogger:

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

For the beta Blogger:

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

This way we can set the navbar as hidden, and it will no longer appear on our blog.