Pages

How to remove Blogger Navbar with blank space

When you create a new blog on Blogger, it has a Navbar by default. Which hardly anyone likes it. If you are one of them and wants to get rid of it, here is how to do it.
Blogger Navbar
  • One way is you can just hide the Navbar, by going Layout > Navbar > Off.
Hiding Blogger Navbar
Problem with this method is, it hides the Nevbar but the space still remains.
Space above the header because of Navber
  • Second way is you completely hide it along with the blank space.
Navbar removed along with the blank space
To do this,
  1. Go to Template > Edit HTML 
  2. and then search for ]]></b:skin>
  3. and than paste the following code just before ]]></b:skin>
#navbar-iframe {display: none !important;}body .navbar {
height:0px;
}

How to edit blogger template
Note: Please take backup of your template before doing any changes in it.