Remove or Add Space Between Posts in Blogger

This is blogger tutorial on ‘’how to decrease / remove space between post in blogger’’ and “how to increase / add space between blogger post.’’ This tutorial shows how you can remove / add empty space between blogger posts. By changing posts margin in Template. I guess this is not a big task for us to just edit a one line CSS code for changing margins.



So let’s step forward.
Step-1:  In Blogger new Interface go to- Dashboard > Template 
Backup your template by clicking "Backup/Restore" and then "Download Full Template". It is necessary to always keep backup template. Before edit HTML (template code), so that if something happens wrong then you won't have to face any hassle. Edit HTML > Proceed And then search for the following code line below.  [To find quickly you can press CTRL+F and type the code in the search box.]
.post {
The full code we need to edit is something like this below.
.post { margin: 0 0 $(post.margin.bottom) 0; }


Step-2: Replace the above code with the following code below to Remove/decreasing space between post.
.post { margin: -10px 0; }

Or to adding/increasing space between posts, replace with this code below.
.post { margin: 0 0 60px; }


To make margin closer or farther away between posts, just decrease or increase the pixels value marked in red in step 2.

Step-3: See Preview and Save your Template.
Remove or Add Space Between Posts in Blogger Remove or Add Space Between Posts in Blogger Reviewed by Shuvojit Das on 9:26 PM Rating: 5

12 comments:

  1. Your mοԁe of descгibіng the wholе thing in this ροst is truly gοod, every one be capable of еasily know it, Thаnks а lot.

    ReplyDelete
  2. Thank u very much...............srivanth

    ReplyDelete
  3. i have done it beautiful but that is with css method will try yours as well

    ReplyDelete
  4. Thanks for the post dude........ thanks alot

    ReplyDelete
  5. Great info. Thanks for such useful post like this.

    ReplyDelete
  6. Nice Post... Thanks for sharing..........

    ReplyDelete
  7. Whenever I use CTRL F it never finds the code I am searching for. I have to spend hours searching step by step through the code. Is there a reason it is not finding the code?

    ReplyDelete
  8. Great. It works with simple template. Now i use awesome template. Could you teach me how to remove or reduce the gap between posts in awesome template?? Thanks a lot :-)

    ReplyDelete

Powered by Blogger.