Sunday, February 14, 2010

Add background image to blog body...


Adding a background image to your blog is very simple.

All that you need to have is the URL of a good background image. It is better to see the background as a whole rather than the image seperately. If you dont understand what i'm saying just see this background image. Can you believe that this is the image used as the background of this blog ? !

Coming to adding background image to blog body...

Replace

body {
background:$bgcolor ;


with

body {
background:$bgcolor url(paste your image URL here);
background-repeat: repeat;


Before saving this make sure that you add the following code between { and } braces of #header, #outer-wrapper, #main-wrapper, #sidebar-wrapper and #footer.

background:#fff;

This sets the background colour of Header,Outer,Main,Sidebar and Footer wrappers to white. Note that #fff is for white. Similarly you can change the colours of these wrappers individually as per your choice.

Just save your template and enjoy the new look with the new background...

1 COMMENT:

Ajinkya Tour said...

nice blog
http://ajinkyatours.in/PackagesDetails.aspx?category_id=24&subcate=65
http://ajinkyatours.in/Kashmir_tour.aspx

Post a Comment