This tutorial is for those who wish to install one of my new blog backgrounds onto a blog which uses the newer template styles such as Simple. If your template isn’t yet set to Simple, change it now. If you use the older template styles, do not follow this tutorial.

1. locate the post which contains your desired freeebie

2. choose whether you want to download the code for a Simple or Minima style template and then click download

3. the code opens in a new window…copy the code as directed at the top of that document

4. go to your blog’s home page…

5. click design in the upper right corner of the screen

6.  click layout – in the list on the left side of the screen

7. click add a gadget

8. scroll down the list and select html/javascript gadget

9. paste the code into the box and then save

10. look at your blog. If you see anything odd check out the troubleshooting below.

Troubleshooting

You should now have a background which looks ok. If you are seeing coloured bands at the top of the screen, you can try these:

Make sure your backgrounds are set to transparent

1. Go to your Template designer and click advanced

2. click backgrounds

3. in the main background column, click the triangle to expand the colour picker. Check the transparent box at the bottom – if it isn’t already checked

4. in the outer background column, click the triangle to expand the colour picker. Check the transparent box at the bottom – if it isn’t already checked.

If you have a coloured band at the top of the page (like below) it should now disappear.

Add some css to make the coloured/opaque band go away

1. go to your Template Designer and click Advanced

2. click Add CSS

3. Paste this into the Add css box

/* Code to get rid of semi-transparent background
———————————————–
*/
.body-fauxcolumn-outer .fauxcolumn-inner {
background-image: none;
}

.body-fauxcolumn-outer .cap-top .cap-left {
background-image: none;
}

Share on Facebook