15 May 2013

How To Remove The Space Left After Removing Blogger Navbar

You must have noticed that there is some space left above your blog header after removing/hiding the Blogger Navbar. It is good to remove that blank space. I also recommend you to do so because it will give a better view to the visitors  But the choice is yours. You can easily remove that space by following easy steps.


Step 1 -  Sign in to www.blogger.com.

Step 2 -   Go to Template.


How To Remove The Space Left After Removing Blogger Navbar
Step 2
Step 3 -   Click on Customise.


How To Remove The Space Left After Removing Blogger Navbar 1
Step 3
Step 4 -   Click on Advanced.


How To Remove The Space Left After Removing Blogger Navbar 2
Step 4
Step 5 -   Now scroll down and click on Add CSS.


How To Remove The Space Left After Removing Blogger Navbar 3
Step 5
Step 6 -   Now paste the below mentioned code into the box.


#navbar-iframe {display: none !important;}body .navbar {
height:0px;
}
.content-outer {
margin-top:0px;
}

Step 7 -   Click on Apply to Blog.


How To Remove The Space Left After Removing Blogger Navbar 5
Step 7
And that's all!!! You have successfully removed the space left after removing the blogger navbar.