Change your Blog Background color by single click
Gadget Code for visitors choose Background Color on your Blog
Make possible your users to choose the background color environment for your Blog or website can be actually fresh for your viewers. This widget is supposed to be brought in place for a user friendly blog who would like to read the blog with the right background color. Every reader has their own option of color. Being an editorial author, you too may love some color. Here is the widget or gadget for people who would care for transform the background color of their choice to read your Blogger or Blogspot blog. It is easy to put into practice.
Coding for Background color choice
1. Go to Dashboard > Layout > Add a Gadget > Select HTML/JavaScript gadget
2. Put the Gadget on top or sidebar so that it is easily viewable for your visitors
3. Paste the following code into the HTML/JavaScript widget:
<center><a href="#" onclick="javascript:document.body.style.backgroundColor='#ff0000'; document.body.style.backgroundImage='none';"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglQ8ew35TXAkKW6AvbP0y94bkvXwDWR_VWtsOmThBQr1w0rcN0AM_M66MRbIlcuDBbLcNmvFAnFCT74hcmOvzIaCeKiY2oCQpCqiZn0XD6YkP2-YfRC8c0m_Th-arFbahq0kaY6INTRFQ/s1600/RED.JPG" title="red"/>
<a href="#" onclick="javascript:document.body.style.backgroundColor='#000000';document.body.style.backgroundImage ='none';">
<a href="#" onclick="javascript:document.body.style.backgroundColor='#008000'; document.body.style.backgroundImage='none';"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZkKaOr4WCTc8zxSnwVhTnxLogFcTByfdLzRZKppx7cAQ17EgxkJdMmQQnZ5KkCjnk4XJB6bAObQDhPgyeeWZT6HCH8HYes3saBq2Uq4vTmKczUytHkXOmg1GD6TIz6_a4jd5COhcKW_s/s1600/GREEN.JPG" title="Green"/>
<a href="#"onclick="javascript:document.body.style.backgroundColor='#FFFFFF'; document.body.style.backgroundImage='none';"><img src ="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEjiAXBknrFIYH7E7oMKiSYnEjZ6dPf7eazUBckHnM0i34J7w9nwWTcxf8Q9_kEpHOkYaydTKEn4cHXhXZLxRc3hFJVTgsQSvsCmIqzxzZ_Wixu8w_Z1jTZsnoA6XJJ03NXCEFG0Wp6no/s1600/WHITE.JPG" title="White"/>
<a href="#" onclick="javascript:document.body.style.backgroundColor ='#FF0080';document.body.style.backgroundImage = 'none' ,"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheWNT900BZavo9kfefaW15E5pbUuahesnpN_FlhPepZd5DfaZodplbCHm35uSpKuxprL_y_3YB8U8mazuF31zzUxwJu5kxgBI9SdXzgnpM46YdfzKMqSRyPLzxRVwW3d3Gk1ywPN9TV_Y/s1600/PINK.JPG" title="Pink"/>
<a href="#" onclick="javascript:document.body.style.backgroundColor ='#0000FF';document.body.style.backgroundImage='none';"><img src ="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiod6FnPsmGMiNx4bOKggukB718sumWE7yn0cHAPbUZadaGcy3jFyXipILW2kJzKM7JlHN6k2yhL9BeJWKXp9Ol1gUivGxOS_ylywYTbfDuvqh10_Rzl5JHv22d0z0hnjx5p86tBp13Hmw/s1600/BLUE.JPG" title="Blue"/>
<a href="#" onclick="javascript:document.body.style.backgroundColor ='#FFFF00'; document.body.style.BackgroundImage='none';"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiA7fgziU81LP2dnz9ISM7sWFLnAjxCPj5hOShC4aGmE2YRQtF2bZDgFdLHt2jwKFYR3u2_Qz-wFTK-S__rdEr8jcRby1Xi5pf55_EWCMcAOUfY9ixkHJDZspHsWmJxV9WJtMIa1MHKnDE/s1600/YELLOW.JPG" title="Yellow"/>
<a href="#" onclick="javascript: document.body.style.backgroundColor='#A52A2A'; document.body.style.backgroundImage='none';"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinKq_UAUQ62YK2VcJV0omnHg9iYWkKmYrLeGMEr97IzjOnllj5XNH-_DOicxeU3Ki6wUwerSCZ414jxVkr0_8n-ApvLZ7N4b2k8UMe0QuYR0ejZ_hj3JmsNeLgfqd2SdttBzYYy_6HL1Y/s1600/BROWN.JPG" title="Brown"/>
<a href="http://www.itechcolumn.com" target="_blank">
</a></a></a></a></a></a></a></a></a></center>
4. Done, Save and go on. Enjoy allowing your users to choose the background color of the blog.
I hope you like the Gadget Script Code. If you are facing any problem regarding this code then ask as commenting below the article.
GREAT !!