get paid free surveys

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:

body {
background: url(”http: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


2 Comments so far

  1. Chat on December 5th, 2007
    MyAvatars 0.2

    The ‘repeat’ function tells blogger to repeat the background patten horizontally and vertically

  2. MyAvatars 0.2

    [...] 3. Lots of “How-Tos”. People love to learn new or different ways of doing things. (Eg. How to add background in Blogger / Blogspot) [...]

Leave a reply

invisible hit counter