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'>

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

</style>


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

Fig 5


Done...!
Now view your blog and see the magic!

If you have any questions, Leave a comment. 
☺☺☺☺

Read More »

How can i hide navbar in blogger


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, 

Today I will tell you about How to hide navigation bar in blogger.

Follow the steps below-


Step 1:- Login to Blogger and go to Layout. 



Step 2:- On Navbar gadget, click on Edit.






Step 3:-A new window will pop up. At the bottom click on "off" button.





Step 4:- Now click "Save" to save the gadget.

Done...!!!!!
Congratulations... The Navbar is disappeared from your blog now.

If you liked this post,Or have any questions, Leave a comment below

Read More »
Blogger Widgets