How to add Border to your Blog

How to add Border to your Blog in Blogger

Go to the figure Below to make it easy for you:

Simply here are the main 4 parts of your blog page

First  to design your CSS easily......Go to -->>  http://css3.mikeplate.com/  (awesome site for non programmers-need ZERO knowledge for css,css3)

Second  after obtaining the perfect css3 code for your page....Go to -->>template-->>customize-->>advanced-->>add CSS

Third  Now it is the time to know about the number in the above diagram
1-Blog Header         #header-wrapper or #header-wrap{}
2-Blog post              #main-wrapper, #main-wrap, #main , .Blog or .main-outer{}
3-Blog sidebar         #sidebar-wrapper, #sidebar-wrap, #sidebar or .sidebar{}
4-Blog footer           #footer-wrapper, #footer-wrap or #footer{}

Fourth Add the obtained code with the matching css key to css in blogger,example:

you need special font for post section

.main-outer{

padding: 10px;

font-family: Verdana, Geneva, sans-serif;

font-size: 12pt;

}

save it -->>Done
There is tons of designs you can make it now-->>Enjoy

Note : CSS3 designs doesn't appear in internet explorer(as usual)till now,SO you may use CSS designs if you have alot of visitors using IE