Don't Miss

Let Your Visitors to Change Your Blog's Background Color

By Zohaib Liaqat - 1 Comment
Let your visitors to choose their favorite color for your blog's background. If you are running a blog then its easy for you to change your background color but the widget we are going to share with you today will let your visitors to choose you blog's background color.

Note :

This widget will change the background color only for the person who changes the color, not for everyone.

How to Add this widget to your Blog

Step 1. Log in to your Blogger Dashboard
Step 2. Go to Layout >> Click on Add a Gadget and select HTML/JavaScript Gadget from the list of Gadgets
Step 3. Now Copy the below code and Paste it in the HTML/JavaScript Widget Box


<div class="widget-content">
<center><b>Choose Your Favorite Color</b></center>
<br/>
<script type="text/javascript">
function bgChange(bg)
{
document.body.style.background=bg;
}
</script>
<table border="1" width="100%" height="20">
<tbody><tr>
<td onclick="bgChange('#8B008B')" bgcolor="#8B008B">
</td>
<td onclick="bgChange('#9400D3')" bgcolor="#9400D3">
</td>
<td onclick="bgChange('#008080')" bgcolor="#008080">
</td>
<td onclick="bgChange('#808080')" bgcolor="#808080">
</td>
<td onclick="bgChange('#CD853F')" bgcolor="#CD853F">
</td>
<td onclick="bgChange('#2F4F4F')" bgcolor="#2F4F4F">
</td>
<td onclick="bgChange('#DC143C')" bgcolor="#DC143C">
</td>
<td onclick="bgChange('#4B0082')" bgcolor="#4B0082">
</td>
<td onclick="bgChange('#A52A2A')" bgcolor="#A52A2A">
</td>
<td onclick="bgChange('#000000')" bgcolor="#000000">
</td>
<td onclick="bgChange('#66FF00')" bgcolor="#44FF00">
</td>
<td onclick="bgChange('#FFFF00')" bgcolor="#FFFF00">
</td>

</tr></tbody></table>
</div>

Step 4. Hit the Save Button
That's it !!!

From Editors Desk

I hope that you and your visitors will like this widget, Give us your Feedback and Enjoy Blogging !
Feel Free to Ask. Your Feedback is always highly appreciated

1 comment to ''Let Your Visitors to Change Your Blog's Background Color"

ADD COMMENT