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 on top of the header after removing the navbar from your Blogger blog. And also we discussed in the previous post how to remove the empty space left over on the top of the blog header after removing the navbar. Now in this post 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;

Just 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.