HTML Background Changer

Hi Everyone!

I recently have had a few comments about the background image changer.
This post is for those who wish to do this on their blog etc.
The code is under a creative commons license (you need to keep in the comment by blah… etc)
—
– In this demo I will be using “-your image url-” as “http://img.wherever.com/image.jpg” etc. and ” /*-your color-*/ ” as a hex color code (can get those here http://www.colorschemer.com/online.html) which are preceded by a # and are 6 digits, color names can work also. (get rid of /*- and the */ when inserting your value, repace it with the other string.

The code:

In your blogger edit layout tab there is another tab that says edit html.
Put this code right before the in the blog html add :

background-color: /*-your defalt color here-*/ !important;
background-position: /*-possible values here are top, bottom, and center, left, right-*/ !important;
background-image: url(/*-your background url-*/) !important;
/*background code changer by JPN3 Consulting, (http://jpn3.blogspot.com/, http://jpn3.50webs.com/) /*


Then, create a module called HTML/Javascript:

In that paste this code (with your modifications) (if your want to make a different background link, just copy from the <a> to the </a> and paste, you’ll have another link. if you want a line break inbetween the links, insert <br /> inbetween the </a> and <a> tags.

<a href=”#” onclick=”document.body.style.backgroundImage = ‘url(/*-your background image url-*/)’;document.body.style.backgroundColor = ‘/*-background color-*/;”> /*-link text-*/</a> | <br />

<href=”#” onclick=”document.body.style.backgroundImage = ‘url(/*-your background image url-*/)’;document.body.style.backgroundColor = ‘/*-background color-*/;”> /*-link text 2-*/</a><!– code by JPN3 Consulting (http://jpn3.50webs.com/)(http://jpn3.blogspot.com/) –>