How to add line to seperate each post in blogger ?

Sometime we need to add line to between each post to show separation between them. It becomes very easier with advanced css option in blogger template. These steps will help you with this task :

Step1. Open blogger and click on blog name

Step 2. Click on Template which is in left sidebar.

Step3. Now click on Customize.

Step 4 Click on "advanced" just below the layout option

Step 5. In advance option click on Add CSS  and paste the following code inside it :

.post-footer {
border-bottom: 1px dotted #666666;
margin-top: 0;
margin-$endSide: 2px;
margin-bottom: 0;
margin-$startSide: 3px;
padding-top:10px;
margin-top:20px;
}

Step.6 Save it and check your blog , you will see line appearing just below the each post. I hope it helped!

No comments:

Post a Comment