CSS codes to improve your blogger Blog | Guide For beginners

I love using a quick CSS code to improve a simple fault on my blog, so I decided to share some CSS codes to help you make your blog the way you want it. I use all these codes- so they all work. To apply the code on blogger, just go to "Customize Template > Advanced > Add CSS" then add the code into the box and save it. Happy Blogging.

 

 

TO SEPARATE WIDGETS WITH SOLID LINES

 

.sidebar .widget {
border-bottom: 2px solid #F2F2F2;
margin:0 0 1.5em;
padding:0 0 1.5em;
}
 

TO SEPARATE WIDGETS WITH DOTTED LINES

 

.sidebar .widget {
border-bottom: 2px dotted #F2F2F2;
margin:0 0 1.5em;
padding:0 0 1.5em;
}

TO SEPARATE POSTS WITH SOLID LINES
*change 'solid' to dotted for a dotted post divider*

.post-body
{
border-bottom:1px solid #666666;
}

TO CENTER ALL TEXT ON PAGE ON YOUR BLOG

p { text-align: center; }

TO CENTER POST TITLE ON YOUR BLOG

.post-title {
text-align:center;
}

I hope these come in handy.