How To Add Picture Background (blogger)

Adding background in blogger is so easy. This tutorial is for new blogger and for anyone who need it ;p.Just follow the easy step in below ^^,


1. 1st upload the picture/background image in photo hosting .You can upload your background at free photo hosting,e.g photobucket,imageshack, Googlepages and many more..

2. Login to Blogger,>> Layouts >> Edit HTML ( before you start editing your blog pls backup your template 1st/download full template)

3.
Now,you need to locate the ‘body’ CSS , like below:

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

To add an image here you have to add the code in below before the '}' at the end :

background-image:url(WEB URL OF YOUR PICTURE );
background-repeat:no-repeat;
background-position:120% 10%;
background-attachment: scroll;


It will look like this:

body {
background:$bgcolor;
background-image:url(PUT-IMAGE-URL);
background-repeat:no-repeat;
background-position:120% 10%;
background-attachment: scroll;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}


1 comments - Add Yours

Javabis99 said...

yeup. good post friend. bye

Post a Comment