Sekali klik, background berganti warna

Demo :

---

Pada Dashboard Blogger, klik Design dan Add a Gadget.

Pilih HTML/JavaScript

Copy-Paste kode berikut :

<script type="text/javascript">
function bgChange(bg)
{
document.body.style.background=bg;
}
</script>
<table width="100%">
<tr>
<td onclick="bgChange('black')" bgcolor="black">&nbsp;</td>
<td onclick="bgChange('#FFFF00')" bgcolor="#FFFF00">&nbsp;</td>
<td onclick="bgChange('red')" bgcolor="red">&nbsp;</td>
<td onclick="bgChange('blue')" bgcolor="blue">&nbsp;</td>
<td onclick="bgChange('white')" bgcolor="white">&nbsp;</td>
<td onclick="bgChange('green')" bgcolor="green">&nbsp;</td>
<td onclick="bgChange('DeepSkyBlue')" bgcolor="DeepSkyBlue">&nbsp;</td>
<td onclick="bgChange('Fuchsia')" bgcolor="Fuchsia">&nbsp;</td>
<td onclick="bgChange('DarkMagenta')" bgcolor="DarkMagenta">&nbsp;</td>
</tr>
</table<

---

Penjelasan

Pilihan warna menggunakan tabel.

eksekusinya menggunakan attribute ini :

onclick="bgChange('black')"

Pilihan warna untuk pengunjung menggunakan attribute ini :

bgcolor="black"

Ingat jangan sampai berlainan antara warna eksekusi dan warna yang ditampilkan kepada pengunjung. Pilihan warna silahkan lihat di HTML Color.

Alhamdulillah