Let visitors choose your blogger background color

Good day everyone! today I will share to you a cool widget that could interact with your blog's visitors. I call it the "let your visitors choose their favorite color for your background widget for blogger" whew!

Different people has different taste in colors, if a reader doesn't like the color of your site he might leave or close it. By using this type of widget it allows them to choose what color blends perfectly in their eyes while they are reading.

Note: This widget will only work to those templates that has an outer background or something. In this blog the widget won't work because it has no background, my template is fully occupied.

This is a sample of the widget, click DEMO

Installation

1. As usual my instructions are easy. Go to your blogger account > dashboard > layout > select add gadget > select HTML/ javascript.

2. Copy and paste the code below

<div class="widget-content">
<center><b>Choose your favourite 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>
</tr></tbody></table>
</div>

3. You can edit "Choose your favourite color " as you like.

4. Save!

Check out your blog and you will see bars with different colors, try clicking them it turns your blogs background color to anything you choose.

If you like this trick kindly like our facebook fan page because I only have 4 so far :-(