Widget mengganti warna background

Gambar 1. Changing background

Mengganti background blog kamu ? Ehm, bisa kok, .. jadi web nya seperti Web 2.0 :)

Berikut aku mau sharing nieh, gimana caranya agar pengunjung bisa mengganti background blog kamu sesuai dengan keinginan pengunjung setia blog kamu.

Bukan hanya dengan warna aja, bisa juga kok dengan gambar, ntar aku kasih script nya, .. Sebenarnya ini tidak terlalu pentng seh, karena menurut aku konten itu lebih penting, tapi ya gak papa lah bisa di buat untuk sebuah entertaintment ajah, biar pengunjung blog kamu tidak bosen melihat background blog kamu yang cuma itu-itu aja. hehe. Coba deh liat gambar di atas, itu merupakan blog saya kalo background nya di ganti warna ungu.

Kita mulai yah , .
1. Login dulu ke akun blogger sobat
2. Klik fitur " Rancangan "...
3. Klik " Tambah Gadget " , lalu pilih opsi " HTML/Javascript "...
4. Copy Paste kan kode di bawah ini :

<div class="widget-content">

<center><b>Pilih Warna Kesukaan Anda</b></center>


<script type="text/javascript">
function bgChange(bg)
{
document.body.style.background=bg;
}

</script>
<table border="1" height="20"><tbody>
<tr> <td bgcolor="#8B008B" onclick="bgChange('#8B008B')">
</td> <td bgcolor="#9400D3" onclick="bgChange('#9400D3')">
</td> <td bgcolor="#008080" onclick="bgChange('#008080')">
</td> <td bgcolor="#808080" onclick="bgChange('#808080')">
</td> <td bgcolor="#CD853F" onclick="bgChange('#CD853F')">
</td> <td bgcolor="#2F4F4F" onclick="bgChange('#2F4F4F')">
</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>
</div>
</div>
</div>

5. Dan selesai, klik Simpan
Selamat mencoba :)

Posted in: Tips dan Trick