Monday, March 28, 2011

Tutorial: How to add a background image.

© Sunshine Designs
Tip: Always download your template to your computer before following any tutorials.
This is something I have been wanting to learn how to do for the longest time. I finally figured out how to do it! Actually, it is really simple! Lets get started.

1.Sign into Blogger.

2. Click on "Design".

3. Click on "Edit Html".

4. Scroll down till you see:
body {
  background:$bgcolor;
  margin:0;
  color:$textcolor;
  font:x-small Georgia Serif;
  font-size/* */:/**/small;
  font-size: /**/small;
  text-align: center;
  }

5. Replace the blue text with this: background:url(Your Image Url) repeat;

6. Preview to make sure it is working and click save! 

Not Working?
1. Make sure you added your Image Url into the code[Replace the pink text with the Direct Link of your image].

2. Make sure you deleted "background:$bgcolor". If you don't delete it, it won't work.

3. Are you using the Minima Template? If not it probably won't work. For a tutorial on how to switch to the Minima Template click here.

4. If you are still having problems please comment or e-mail me here

No comments:

Post a Comment