Upload Backgrounds for Older Templates

If you are using a older layout template then you probably have noticed that a lot of the template designer features are not available to you. Well with this tweak you can cross off the upload image option off the list.

Now this tweak will let you upload your own images from your computer, but you can not use one of the images that Blogger provides. If you try it will result in a BX error code.

1. Start by going to Design--> Edit HTML

2. Now find this code below in the Edit HTML page.

/* Variable definitions
   ====================

3. Just below it you will want to add this code.

<Variable name="body.background" description="Body Background" type="background"
color="$(bgColor)"
default="$(color) none repeat scroll top left" value="$(color) none repeat scroll top left"/> 

Most layout template use the bgColor  as the Variable name for the Page Background Color. But just in case you may want to search through the Variable coding at the top of the Edit HTML page to make sure this is the case.

To make sure this is the case you should be looking for something that looks like this code below

 <Variable name="bgColor" description="Page Background Color"

If the Variable name is not bgColor then you should change the orange coding in section 3 to what your template says in its place. 

After you have verified this we are ready to move on.

4. Now find this code below.

body {
  background: $bgColor;

5. Now replace the red coding to this code below.

$(body.background)    

6. Save and your done.

After your done it should look something like this.

Example Sections 1-3

/* Variable definitions
   ====================
<Variable name="body.background" description="Body Background" type="background"
color="$(bgColor)"
default="$(color) none repeat scroll top left" value="$(color) none repeat scroll top left"/>

Example Sections 4-5

body {
  background: $(body.background);