-

24 September 2012

ADD EACH BLOG POST IN SEPARATE BOX

VM | 1:30 am |
Box

If you are trying to design your blog and make it neat and clean then you will try to separate each blog post .In blogger default template every post is displaying in same panel it become harder for reader to differentiate post,In this post I will give Css code which make your post separate in boxes.

Follow Below Steps to  separate  each blog post

  1. Go to blogger Dashboard.
  2. Click On Template Tab.
  3. Now Click On Customize button.
  4. Now Click on Advanced link
  5. Now click on Add CSS And paste the following code there.


.post {
background:#FFFFFF;
border: 2px solid #000000;
padding-right:7px;
padding-left:7px;
 
padding-top:7px;
padding-bottom:7px;}
.post:hover {
border: 2px solid #FF0000;
}
.post:active {
border: 2px solid #0004FF;
}
Now Save It.


Customization 

If you want to change background color then replace #FFFFFF this with your color code.
If you want to change border color then replace #000000 #FF0000 #0004FF this with your color code.


How To Get Color Code-Go to Our Hex Color Chart And Choose your favorite color and get the code.

2 comments:

  1. Thank you so much, i couldn't find good instructions on how to do this anywhere. Yours were super easy to follow. Thanks!
    website design

    ReplyDelete
    Replies
    1. Use this site.... i updated the posts....... http://blogetrick.blogspot.in/

      Delete

Related Posts Plugin for WordPress, Blogger...

Subscribe Updates, Its FREE!