How To Change Your BackGround Image (I)

Today Tutorial blog and blogger hack. Tonight i will give some blogger hack for you, some blogger never satisfied with their template and always tend to change it frequenly. One think from template part that i always see like background and header had be some problem. But now we will start blogger hack with Background changing. Lets make it go through.

• Find your image at google or else, you can also use tile image here
• I use this image taken from image site( dont forget to host your image at image hosting such as Photobucket, or  flicker)

 

• To make this image as your background Go to Layout and Choose Edit HTML and look for  code from your body template, look like this example:

 

body {
background: $bgcolor;
margin:0;
color:$textcolor;
font:x-small Arial sans-serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}

 

• Ok, now to focus at the bold line, we will modify this line to adding our background. we just simply add the following code ( with green code):

body {
background:url(http://www.imagehost.com/yourimage.jpg);
margin:0;
color:$textcolor;
font:x-small Arial sans-serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}

 

• Where you can change the green code with your image URL, Save and done
• Please look the part of image below (taken from testing blog):

• The image has repeated acroos the whole page.

You can try it by yourself, it’s easy to change background of your blog. Ok that’s Blogger hack today, i will see you at the next posting about another blogger  hack. Don’t forget to get update this blog free via your e-mail below. thanks

Enter your email To get Update this blog for free:

Delivered by FeedBurner

Related Posts by Categories