Membuat Widget Unik, Merubah Warna Background

Bosen sama background yang warna gitu-gitu aja? Mau dirubah tapi gak ngerti kode html? Gak usah pusing sob, ane disini mau sharing widget yang unik yang bisa ngerubah warna background tanpa harus ganti kode html-nya. Cukup dengan sekali klik warna background berubah? gak percaya? coba klik aja salah satu warna dibawah :

 

unik kan? kalo mau silahkan copy scriptnya :

<center><script type="text/javascript">
function bgChange(bg)
{
document.body.style.background=bg;
}
</script>
<table border="1" height="20" style="width: 200px;"><tbody>
<tr> <td bgcolor="#FFFFFF" onclick="bgChange('#FFFFFF')">
</td> <td bgcolor="#EEECED" onclick="bgChange('#EEECED')">
</td> <td bgcolor="#008080" onclick="bgChange('#008080')">
</td> <td bgcolor="#DC143C" onclick="bgChange('#DC143C')">
</td> <td bgcolor="#4B0082" onclick="bgChange('#4B0082')">
</td> <td bgcolor="#A52A2A" onclick="bgChange('#A52A2A')">
</td>  </tr>
</tbody></table></center>

warna-warna yang digunakan gak cuma sebatas ini aja, bisa juga sobat tambahin warna warna kesukaan sobat? bingung sama kode warna? liat aja di postingan kode warna html :)

note: script ini gak cuma bisa ditaruh di postingan aja, bisa juga sobat letakan di sidebar supaya pengunjung juga bisa langsung klik background sobat :D semoga bermanfaat :D

Sumber