Search This Blog

Saturday, December 22, 2012

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 

No comments:

Post a Comment