How to Remove the Blogger Banner / Header

We often do not like the blogger banner on the top of our blog. It would be nice if we can remove the banner. It is very simple. You just need to paste few lines of code. Here it is how to do it.


To hide the Blogger Navbar :

1. Log in to blogger
2. On your Dashboard, select Layout. This will take you to the Template tab. 
3. Click Edit HTML. Under the Edit Template section you will see you blog's HTML.
4. Fine the line "/* Variable definitions"
5. Paste the CSS definition in the top of the template code:

The Code

#navbar-iframe {

display: none !important;

}

To show the header again just remove the code.