Decrease space between blog title and description in blogger

How to decrease/reduce space between blog title and description in Blogger header:

We can decrease the space between blog tile and blog description on your Blogger header. It is easy to reduce space between blog title and header in Blogger. We can also increase the space between them.

Follow below steps to decrease space b/w blog title and description in Blogger :

Step 1 : Go to Blogger Dashboard

Step 2 : Click on Template

Step 3 : Click on Edit html

step 4 : Search below code  under header section in template code

.Header h1 {

After finding , add below code to reduce space

margin-bottom: -20px !important;

Step 5 : Click on Save template.

If you want decrease more space b/w blog title and description, just decrease px value in the above code.

Read More

Remove Empty Space Left After Removing Blogger Navbar

Empty Space After Removing Navbar :After removing navbar from your Blogger blog, an empty space left on your Blogger header. Because navbar occupying some space on the top of Blogger blog. So after removing the navbar, an empty space left at that navbar position. That empty space gives ugly look to your Blogger blog. So it is better to remove empty space left after removing navbar on your Blogger blog. 

How to remove empty space left after removing navbar on Blogger blog.

In this post I'm explaining about how to remove empty space left after removing navbar from your Blogger blog. It is to remove empty space with simple change in your Blogger template code.

Follow below steps to remove empty space left above header after removing navbar:

Step 1 : Go to Blogger Dashboard

Step 2 : Click on Template

Step 3 : Click on Edit HTML

Step 4 : Search  .header-outer {     in your blogger template code.

Add below line before closing tag (}) of above line

margin-top: -30px ;

I.e : 

.header-outer {

------------

------------

 margin-top: -30px ;

}

Step 5 : Click on Save template

Now empty space above header will be successfully removed on your Blogger blog.Don't forget to remove empty space immediately after removing Blogger navbar.

Read More

Remove Space Above Header and below footer in Blogger

Space above header and footer : Some blogger blogs have some empty space above header and  also below footer. We know how the empty space left over the top of the header after removal of the navbar in your blogger blog. And also we discussed in the previous post how to remove the empty space left over the top of the blog header after removing the navbar. Now in this we are going to discuss about how to remove the space above header and below footer in your blogger blog at a time.

How to remove empty space above header and below footer in Blogger blog : 

We can easily delete the empty spaces above header and below footer in your blogger. With single change in your template we can easily change empty space above header and below footer at a time in blogger blog. It very simple method, any one can follow this method easily. No need to add any extra code to your blogger blog to remove the space. just do one small change in your blogger. This trick will really help full for those using picture window theme.

Follow below steps to remove empty space above header and below footer in Blogger

Step 1 : Go to Blogger Dashboard

Step 2 : Click on Template

Step 3 : Click on Edit HTML

Step 4 :  Search .content-outer { 

Now you can see below line , below .content-outer {    ( you can see below line just before closing tag of the above line)

margin: $(content.margin) auto;

Remove above line  

Step 5 : Click on Save template.

Now the empty space above the header and below footer in your blog will be removed. With this simple process you can easily remove those empty spaces (above header and below footer) in blogger at a time.

Read More