Ganti warna background template secara otomatis

Hallo sobat blogger jumpa lagi maklum liburan masih 3 hari lagi nah aku sempetin nich untuk membuat sebuah tutorial tentang cara Ganti warna background template secara otomatis seperti milik ku ini coba lihat di setiap postingan selalu tampak widget kotak warna warni yang apabila di klik maka background template aka berubah sesuai keinginan mu...

• Login dulu ke blogger
• masuk rancangan
• tambah gadget lalu pilih HTML java script dan masukkan kode script di bawah ini ke dalam nya 

Script nya

<center><div style="overflow:auto; width:100%; height:100%;margin-top:16px">
<script type="text/javascript">
function bgChange(bg)
{
document.body.style.background=bg;
}
</script>
klik background warna yang kamu suka
<table border="1" width="300" height="20">
<tr> <td
onclick="bgChange('')" bgcolor="white">
 <td
onclick="bgChange('#FAFAD2')" bgcolor="#FAFAD2">
 <td
onclick="bgChange('#F0E68C')" bgcolor="#F0E68C">
 <td
onclick="bgChange('#E0FFFF')" bgcolor="#E0FFFF">
 <td
onclick="bgChange('#98FB98')" bgcolor="#98FB98">
 <td
onclick="bgChange('#B0E0E6')" bgcolor="#B0E0E6">
 <td
onclick="bgChange('#87CEFA')" bgcolor="#87CEFA">
 <td
onclick="bgChange('#FFDAB9')" bgcolor="#FFDAB9">
 <td
onclick="bgChange('#FFC0CB')" bgcolor="#FFC0CB">
 <td
onclick="bgChange('#E6E6FA')" bgcolor="#E6E6FA">
 <td
onclick="bgChange('#D3D3D3')" bgcolor="#D3D3D3">
 </td
onclick="bgchange('#d3d3d3')"></td
onclick="bgchange('#e6e6fa')"></td
onclick="bgchange('#ffc0cb')"></td
onclick="bgchange('#ffdab9')"></td
onclick="bgchange('#87cefa')"></td
onclick="bgchange('#b0e0e6')"></td
onclick="bgchange('#98fb98')"></td
onclick="bgchange('#e0ffff')"></td
onclick="bgchange('#f0e68c')"></td
onclick="bgchange('#fafad2')"></td
onclick="bgchange('')"></tr>
</table>
</div></center>

Oke selamat berpusing ria ...he he eh eh e