March 31st, 2007 
Jenny How Adding background to blogger or blogspot is easy. Just follow the following steps:
1. You can upload the background file to free host site like http://photobucket.com/ or http://imageshack.us
2. Log in to Blogger
3. Go to Template then Edit HTML
4. Locate the ‘body’ CSS.
5. After the open parenthesis {, click enter to open a new line
6. add the background code like the line below in bold (remember to replace the domain name and directory with yours)
body {
background: url(“http://www.yourdomain.com/yourdir/xxx.jpg”) repeat;
margin:0;
text-align:center;
line-height: 1.5em;
font: x-small Trebuchet MS, Verdana, Arial, Sans-serif;
color:$mainTextColor; font-size/* */:/**/small; font-size: /**/small;
}
7. Save the template and view your blog.
The ‘repeat’ function tells blogger to repeat the background patten horizontally and vertically.
To repeat only horizontally, put ‘repeat-x’ or ‘repeat-y’ for only vertically.
Just recently, I’ve created some free backgrounds for you, click here: free backgrounds
Posted in 
The ‘repeat’ function tells blogger to repeat the background patten horizontally and vertically
[...] 3. Lots of “How-Tosâ€. People love to learn new or different ways of doing things. (Eg. How to add background in Blogger / Blogspot) [...]
AWESOME… it worked perfectly!!
And what If I don’t want to repeat de image? I didn’t put repeat after link, but it repeats the image anyway
still doesnt work for me…
it didn’t work for me. please help!
Ichi and Lilu, please tell me what’s it that doesn’t work?
it doesnt work its just a blank thing at the back please help and i will reply!
HI Rachel, do contact me using the contact form and i will try to see what’s the problem.
i tried it but notin happen only blanks….
HI Shaz, do contact me using the contact form and i will try to see what’s the problem.
same problem here… what is my mistake?
background: $bgColor;
margin: 0;
padding: 0px;
font: x-small Verdana, Arial;
text-align: center;
color: $textColor;
font-size/* */:/**/small;
font-size: /**/small;
}
{
background: url(http://img5.imagebanana.com/img/s0hj22ey/htc_touch_hd.jpg) repeat;
margin:0;
text-align:center;
line-height: 1.5em;
font: x-small Trebuchet MS, Verdana, Arial, Sans-serif;
margin:0;
padding:0;
background:#d4d4d4 url(htc_touch_hd.jpg) repeat-x;
}
}
I am having the same trouble as rtt. Can’t get an image to show up. Thanks!
i was having issues getting the image to show up until i checked on another tutorial type site and found that the ” marks around the image link are supposed to be ‘ marks instead. try that and see if that helps!
really it works .. thanks…