How to Remove Blogger Navbar

First what is Blogger Navbar?

Blogger Navbar

This is a Navigation Bar at the top of your page and sometime its so annoying if you have one and most of the time your blogger templates are not compatible of the Navbar so if you want to remove the blogger navbar here's a simple steps on how to remove the Navbar of blogspot.

Here's a Step by Step Instruction

1. Sign-in your account on blogger.com.
2. Click the Design link on your blog you want to edit.
3. Click the Edit Html link.
4. Search for </head> on the html codes.
5. Copy and Paste the Code below just before the </head> tag.


<style type="text/css">
#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}
#navbar {
height:0px;
visibility:hidden;
display:none;
}
</style>


6. Click the Save Template Button after Pasting the Above Code.

Your code should look like this

7. Open your Blogger Page and see if the blogger Navbar was totally remove from you page you may refresh your page after saving your template.