How to add each post in separate boxes in blogger?

Do you want to make your blog look neat?If so this is post is  must for you.If you want to know how it looks  like,just see my blog.Bloggers default post makes it difficult for readers to differentiate each post but with this trick your readers will no longer have to struggle differentiating posts.

                                  Follow the below steps to apply this trick
  1. Go to Blogger Dashboard.
  2. Click on Template tab.
  3. Click on the Customize button.
  4. Click on Advanced option and then click on Add CSS.
  5. Now paste the below code after the last line in the text box.     
    .post {
    border: 2px solid 
    .post:hover {
    border: 2px solid 
    .post:active {
    border: 2px solid 
  6.  Now save it.
                             Watch the video tutorial below to better understand this post.


  • IF you want the border to appear thick change the pixel size from 2px to your desired thickness.
  • If you want to change the background color replace #FFFFFF with your color code.
  • If you want to change the border color then replace #000000 #FF0000 #0004FF this with your color code.
To find color codes for your favorite colors visit here.

                                       Watch the video tutorial

 Subscribe to our blog for other blogger tricks and tips.

About Shan Eapen Koshy

    Blogger Comment
    Facebook Comment