Removing or adding spaces between blogger posts
The Original Post can be found HERE
Today in this tutorial you will learn about "how to remove / add spaces between posts" or "how to remove / add empty areas between posts" of blogger.Sometimes having spaces between blogger post look cool and some time just weird.
This is simple and short tutorial to solve your issue about spaces between blogger posts, So lets start:
Follow the steps below:
Step.1
- Go to Dashboard
- Select ‘Design’
- Click on ‘Edit HTML’
- Click on ‘Check’
- Select ‘Expand Widget Templates’
- Backup your Template first
- Now all you have to do is search for the code (Ctrl + F)
and look for:
.post {
The code will nearly look like this:
.post {In the above code we have to edit the red line code.
margin: 0 0 $(post.margin.bottom) 0;
}
Step.2 For increasing space b/w posts
If you want to increase the space/area between your blogger posts, then replace the above red line with the following code:
margin: 60px 0;
Greater the value of 60px larger will be the space between the post.
Step.2 For decreasing space b/w posts
for decreasing or removing the area between the posts then replace the red code with the following code:
margin: -5px 0;Same case here, greater the value of -5px, smaller will be the space between the post.
Hope this tutorial helped you, stay tune with us for new tips and tutorials.
0 comments:
Post a Comment