How To Add Each Blogger Post in Separate Boxes

Advertisements

To Add Each Blogger Post in Separate Boxex , you can do it very easily. You will have to perform following steps  and by doing these steps each blog post will show up in seprate box on homepage of your blog.

1. Go to Blogger  >> Theme  >> Edit HTML

2. Click anywhere in the HTML codes and Press Ctrl+F

3. Now search for ]]> </b:skin> code line

4. Add the following code above the ]]> </b:skin>

.post {
background:#FFFFFF;
border: 1px solid #000000;
padding-right:7px;
padding-left:7px;
padding-top:7px;
padding-bottom:7px;}
.post:hover {
border: 1px solid #FF0000;
}
.post:active {
border: 1px solid #0004FF;
}
5. Save the Theme and check the blog

Note:  You can change color of line according to you blog theme.

To pic color code visit www.w3schools.com color names
To change border style  visit www.w3schools.com border