How to change Blogger's Background Image

Posted by Unknown Labels: , , , , , ,


Changing background in blogger is not really difficult. Just follow these steps. There 2 different ways to change the background. The first one is pretty simple which can be done pretty easily by customization.

1st Method :



  • Goto to Blogger.com.
  • Select your desired blog.
  • Goto Template tab.
  • Click Customise.
  • Then click Background.



  • Click on the dropdown arrow.
  • A popup will appear.

  • Goto Upload and select Choose File.
  • After that select and upload your background image.
  • Click Done!!

This is was the first method and it was really easy to apply. You can also select an image from the existing image library.
Now lets take a look at second method. For this you need to edit you blog template in HTML. So just follow me!!

2nd Method:


  • Login to your blogger account. (www.Blogger.com)
  • Select the desired Blog.
  • Goto Template tab.
  • This time select Edit HTML.
  • Now press Ctrl+F.
  • Look for the following code.
body {

  • Now Upload your background image to some image hosting site like Flickr, Photo Bucket or Image Shack
  • Now get the link to your background image.
  • Paste that link as shown in picture.



  • After that save your Template.
For more advance setting keep reading.
Just add these codes/tags after the URL Part.

1. Repeat the Image Horizontally:
repeat-x 
 2. Repeat the Image Vertically:
repeat-y
3. No Image Repetition:
no-repeat
3. If you want to repeat the image horizontally and vertically both than place no tag.
4. To position the Image at left and right:
Left for left side
Right for right side
5.  To position the Image at the center use the followning tag:
center
6. If you want the Image not to move when scrolling:
fixed
Now your complete code will look like...
background: (Hexadecimal color code) url(Your Image URL) tag; 
Hope this was helpful.