Jan 30, 2017

How to remove the blank space at the top of your blog

You always like your blog to be stylish. You like your blog to  look a more professional type. For this you wish your navigation bar (Navbar) to be hidden. Fortunately blogger provide us the option to hide or unhide the navigation bar.
But,  after removing or hiding the navbar a blank space is created on top of your blog (Fig 1).
Fig 1
It creates a negative impact on your blog design. That is why removing this blank space from your blog top is all important.

Today i will show you how to remove the blank space created after removing navbar in your blog.

Note:- First take a backup of your blog template to avoid any mishap. if you are not sure about it Read my post on How to download backup of template in blogger

Follow the steps below-

Step 1- Log in to your blogger account.

Step 2- Click on the Template option from the left pane as shown in Fig 2.
Fig 2

Step 3- Click on Edit HTML button as shown in Fig 3.

Fig 3

Step 4- Click anywhere in the HTML Code Box, then press Ctrl + F to enable search box as shown in Fig 4.

Fig 4

Step 5- Copy or type </head> in the search box and press Enter. 

Step 6- Now copy and paste the below code just before the </head>.

<style type='text/css'>

margin-top: -40px !important; 


Step 7- Click "Save Template" button as shown in Fig 5.

Fig 5

Now view your blog and see the magic!

If you have any questions, Leave a comment. 

Blogger Widgets