21 February, 2010

Widget Let readers decide your background color

As with one of our previous gadget (Let readers decide your text size) this one is a similar one .This widget allows your reader to change background color of your blog with a click on images or simle text.

This will make your blog look attractive and the readers can not only read your content but can play with your blog too.
We will do it  through a java script function that will overwrite body's background color,and works even if you have an image in background.

You can see a working Example By clicking on the Color of your like.



Like this ?Now add to your blog.....


 
To add this widget to your blog go to page element >> Add Gadget >> Html/Javascript And paste theabove  code.Click save.

IF you want you can put it as plain text like an example shown below.

Red | Amarillo | Yellow | Verde | Green | Azul | Blue | Morado | Purple | Rosa | Rosa | Negro | Black | Blanco White 



You can add or remove colors by  adding or removing anchor tag something like shown below.Chnage hexadecimal value and change corresponding text.

<a href="#" onclick=quot;javascript:document.body.style.backgroundColor='#0080FF'; document.body.style.backgroundImage='none';"> Blue </ a>

No comments:

Post a Comment


Spam/advertising comments will NEVER BE TOLERATED and will be deleted immediately!

I advise you to also "subscribe to the comment feed" and get email updates when I respond to your question.
Thanks for reading,
Admin