Thursday, January 10, 2008

How to create background image in your blogger

This editor requires Internet Explorer 6 or higher, Firefox or Opera.
Before start edit your background. I recommend you save you original template. Customize->Template->Edit HTML->Download Full Template.


Step 1 : Find a image>Resize your image into 1024x600 (Use photoshop). JPEG type of file. Don't use PNG type of file. Because PNG type of file will not cover whole of you background. Try and see.

Step 2 : Host your image - Here -> Copy the code ( Direct link to image ).

Step 3 : Go to template->Edit HTML->Scroll down->Find body {

For example :




body {
background:$bgcolor;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;

Step 4 : Below text-align: center;-> Add




body {
background:$bgcolor;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
background-image:url(****);

background-attachment: fixed;
background-position: Center Center;
background-repeat: no-repeat;

Step 5 : Paste ( direct link to image ) code into url(****). Step 2. For example, url(http:www.bnis.blogspot.com)

Step 6 : Hit save template->Hit view blog. DONE

*
You always can use our own settings. For examples, scroll, top left, top center, top right...bla bla bla....and repeat.
*If you free..copy the whole blogger HTML...Paste into notepad..READ.





Lost season 4. Coming Soon!!