How to add background in Blogger / Blogspot
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
3 Column Blogger Templates
How to remove the Navbar from blogger
How to customize Read More in Blogger (Blogspot)
Have you try looking up your name in google?
How To Add Background To Your Blog, Myspace & Auctions
Dinner At Dragon-i
And The Lucky Draw Winner Is…
155 Free Seamless Background Patterns
Spread The Word!
Stumble
Digg
Technorati
Subscribe
Delicious
The ‘repeat’ function tells blogger to repeat the background patten horizontally and vertically
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!!
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
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…
still doesnt work for me…
it didn’t work for me. please help!
it didn’t work for me. please help!
Ichi and Lilu, please tell me what’s it that doesn’t work?
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!
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.
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….
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.
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;
}
}
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 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!
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…
really it works .. thanks…
Thea
Thank-you!!! That is exactly the problem I was having.
It wouldn’t work…all I’ve got is just a blank page ! help please…