Cara Membuat Tombol Pengganti Warna Background Blog

Buat yang bosen dengan warna background yang cuma 1 warna, sebenernya bisa kita ganti background melalui perangcang template, tapi itu kan butuh waktu agak lama, belum lagi loadingnya. Tapi dengan widget ini, untuk mengganti background blog, kita tinggal sekali klik. Berikut langkahnya.

• Klik Rancangan > Elemen Laman > Tambah Gadget.
• Pilih HTML/JavaScript.
• Copy kode di bawah ini dan paste di kolom yang ada.

<script type="text/javascript"> function bgChange(bg) { document.body.style.background=bg; } </script><br /> <table border="1" width="300" height="300"><tr> <td onclick="bgChange('')" bgcolor="white"><br /> <td onclick="bgChange('#0000ff')" bgcolor="#0000ff"><br /> <td onclick="bgChange('#000000')" bgcolor="#000000"><br /> <td onclick="bgChange('#a52a2a')" bgcolor="#a52a2a"><br /> <td onclick="bgChange('#5f9ea0')" bgcolor="#5f9ea0"><br /> <td onclick="bgChange('#d2691e')" bgcolor="#d2691e"><br /> <td onclick="bgChange('#6495ed')" bgcolor="#6495ed"><br /> <td onclick="bgChange('#dc143c')" bgcolor="#dc143c"><br /> <td onclick="bgChange('#00ffff')" bgcolor="#00ffff"><br /> <br /> <td onclick="bgChange('#00008b')" bgcolor="#00008b"><br /> <td onclick="bgChange('#b8860b')" bgcolor="#b8860b"><br /> </td onclick="bgchange('#b8860b')"></td onclick="bgchange('#00008b')"></td onclick="bgchange('#00ffff')"></td onclick="bgchange('#dc143c')"></td onclick="bgchange('#6495ed')"></td onclick="bgchange('#d2691e')"></td onclick="bgchange('#5f9ea0')"></td onclick="bgchange('#a52a2a')"></td onclick="bgchange('#000000')"></td onclick="bgchange('#0000ff')"></td onclick="bgchange('')"></tr> </table>

Untuk pengaturan kode warna HTML, silahkan disesuaikan sendiri. Ngga dirubah juga ngga masalah kok.

• Kemudian klik simpan