How to Adjust or Remove Margins in Your Blogger Blogs Template

Many of us are using templates that are customized by professionals but some parts of it may not be suited with our taste, people think differently and may want to customize and personalize their own blog templates some of this are footer credits and particular part of template. One of the most common is the margins that was made to our templates, we want to limit in some point the white and blank spaces in our site, margins that is too large between widgets may change the sites face. My first post about margins and padding is informative also you may find what you need there.
Controlling all your margins is very easy. The question is how?
Today I will teach you on how to adjust almost every margin that you can see in one’s templates. Just follow the instruction and you’ll find your way to sucess! 🙂

How to adjust or remove margins between your post and tabs (Pages) section?

(1) Firstly login to your blogger account and go to your blog’s dashboard.
(2) Now go to “Template” and then click “customize”.
(3) Now go to “advanced” tab and select the last option “Add CSS”.
(4) Now just paste the below code in that white box which appears.

Code: – .blog-posts {margin-top:-30px}
(5) That’s it, you removed your margin.
(6) Now save your template by clicking “Apply to your blog”.

Note: – Adjust the value “30px” according to your needs.

How to adjust or remove margins between your post and sidebar?

(1) Repeat the steps (1), (2) and (3), given above.
(2) Paste the CSS code given below.

Code- .blog-posts {margin-right:-30px}

(3) You are done.
(4) Now save your template by clicking “Apply to your blog”.

Note: – Adjust the value “30px” according to your needs.

How to adjust or remove margins between your sidebar and tabs (Pages) section?

(1) Repeat the steps (1), (2) and (3), given in 1st tutorial.
(2) Paste the CSS code given below.

Code- .main-inner .column-right-outer {margin-top:-30px}

(3) You are done.
(4) Now save your template by clicking “Apply to your blog”.

Note: – Adjust the value “30px” according to your needs.

How to adjust or remove margins between your posts?

(1) Repeat the steps (1), (2) and (3), given in 1st tutorial.
(2) Paste the CSS code given below.

Code- .date-outer{margin-bottom:-30px}

(3) You are done.
(4) Now save your template by clicking “Apply to your blog”.

Note: – Adjust the value “30px” according to your needs.

HERE ARE SOME OF MY POSTS

  • Add Beautiful Twitter Follow Me Flash Buttons For Blogger BlogsNew !!
  • Beautiful Hover Expanding Social Media Buttons For BlogsNew !!
  • Customizable Floating Social Sharing Buttons for BlogsNew !!
  • Customizable Recent Post Image Gallery for Blogger BlogsNew !!
  • Design Your Label Widget with Matrix EffectsNew !!
  • How to adjust or remove margins between your sidebar widgets?

    (1) Repeat the steps (1), (2) and (3), given in 1st tutorial.
    (2) Paste the CSS code given below.

    Code- .sidebar .widget {margin-top:-20px}

    (3) You are done.
    (4) Now save your template by clicking “Apply to your blog”.

    Note: – Adjust the value “30px” according to your needs.

    I hope you enjoy this tutorial, If you have any suggestion or question feel free to comment.
    In this blog you’ll find many tutorials and widgets I wish you can subscribe to my email list so you’ll get the fresh posts first in the lists 🙂

    Good day!

    About The Author