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!
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