Add border around posts and separate posts in blogger

Add border around posts and separate posts in blogger 1

 

– Adding borders around individual posts and separate posts in your blog makes your blog look well arranged. It also makes your posts look better. Post borders can be easily added by editing blogger template. For adding post borders to your blog read our complete guide.


– Follow below steps to do it :

1. Go to blogger dashboard.
2. Select template.
3. Click Customize -> choose Advanced -> Add CSS

Add border around posts and separate posts in blogger 2

4. Add this code :
———————————————————————
.post{
border:1px solid #009900; border-style:solid; /* style of border */
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px; /* make corner rounder*/
background:#ffffff;
margin:0em -2.4em 0.5em -2.4em; /*adjust the number to separate posts*/
padding:0px 5px 0px 5px
}
———————————————————————


6. Save the template and you are done.

Đánh giá 5 sao bài viết:
[LN: 0 SS: 0]

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *