Saturday, April 19, 2014

How to remove the empty space left after removing blogger navbar

Empty Space Left after removing Blogger Navbar


After removing blogger navbar you will find out that there is a empty space left on top of your header. This is because blogger navbar is occupying some space on top of your blog.

Some bloggers remove they're blogger navbar because it's ugly, old fashion and want they're own navbar. But by removing blogger navbar there still some problem with the space left after removing blogger navbar. In this I will show you how to remove the empty space left after removing blogger navbar.


Removing the empty space left after removing blogger navbar

1. Log in to your blogger account.

2. Go to blogger dashboard.

3. Click the Template tabs.

4.  Click on Edit HTML.

5. Using your browser's search feature (default CTRL+F) search for ]]></b:skin>

6. Just above  ]]></b:skin>  paste this code:


.content-inner {
margin-top: -60px !important; 
}


Note: You can adjust the margin if its a little to much. In my blog I use -30px well it depends on what template your using in blogger.

7.  Click Save Template and you're done. You can now View you're blog and see the change.



No comments:

Post a Comment