Changing Background Color

Is there a way to change the background color of my blog. I have seen so many on myspace. So I was looking the code this morning and thinking, well give it a try.

So here I come up with few pros and cons before I show you how to change the color.

Pros: It looks more personal and you can customize with what you like. You can display your image or your pet or the butter fly. It looks great. It give more satisfying feeling and make it more adventurous.

Cons: Once you change the background image, you have to adjust the color of the font, txt size etc. When I was trying this, I could barely read the text.

But I am going to show you this simple thing

1. As usual, go to Edit HTML section from layout and make a back-up of your template. This is must as you may by-mistake change something else. I do.
2. Look into code and find for body (using Cntrl +F), hit two time, and you will be there and the code will look like this.

body {
background:$bgcolor;

margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}

3. Now change the line of background:$bgcolor; with

url("Your Image URL");

if you want to repeat the image make it like

url("Your Image URL")repeat;

So it will look like

body {
background:url("Your Image URL")repeat;

margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}


Save and make sure that you can read the text. If you like it keep it or change to another txt. though you have to host your image as usual at some place.

Twit This!