Let visitors choose your blogger background color

Posted On / 3 comments

background color for bloggerGood 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 :-(



Receive News From The Blog In Your E-mail

Sign up and receive directly in your email. Its free!! Enter your email address and then confirm to begin receiving exclusive news from Blog!


3 comments:

  1. When you're down, and the world seems dark and empty, your forever friend lifts you up in spirits and makes that dark and empty world suddenly seem bright and full Diablo iii Gold Sale, this is Forever Friendship Diablo III Gold, someone who convinces you that there really is an unlocked door just waiting for you to open it Diablo 3 Gold.

    ReplyDelete
  2. Don't forget the things you once you owned. Treasure the things you can't get. Don't give up the things that belong to you and keep those lost things in memory titan online gold, if you leave me, please don't comfort me because each sewing has to meet stinging pain titan gold, one may fall in love with many people during the lifetime titan money.

    ReplyDelete
  3. Hi and thank you for the code!
    I would like to know if there's any chance of a widget that lets visitors change blog posts body background colour and blog post text colour.
    Either by modifying this widget on this article, or by creating a new one.

    ReplyDelete

Please read first before commenting:

1.) No spamming please

2.) Do not flood the comment box with links.

3.) To get free updates, kindly subscribe.

4.) Have fun visiting my blog.

x
Subscribe
emailSubscribe to our mailing list to get the updates to your email inbox...
Delivered by FeedBurner | powered by blogtipsntricks