Monday, July 27, 2009

How to add/modify background in your blog

Now this is maybe one of the easy stuff. 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.