Cara Membuat Tombol Pilihan Warna Background

Seperti yang kita ketahui pemilihan warna background sangat penting pada blog karena keseimbangan warna blog sangat mempengaruhi kenyamanan pengunjung.

Dengan sekali klik pengunjung dapat mengubah warna background sesuai dengan keinginan mereka. Berikut cara membuat tombol pilihan warna background pada blog :
  1. Login akun blogger Anda. 
  2. Pilih Tata Letak ---> Tambah Gadget ---> HTML/JavaScript. 
  3. Copy paste kode di bawah ini pada HTML/JavaScript,
    <center>
    <script type="text/javascript">
    function bgChange(bg)
    {
    document.body.style.background=bg;
    }
    </script>
    Silahkan Pilih Background Warna Kesukaan Anda :
    <table border="1" width="50" height="20">
    <tr>
    <td onclick="bgChange('#000000')" bgcolor="#000000">
    </td>
    <td onclick="bgChange('#F0E68C')" bgcolor="#F0E68C">
    </td>
    <td onclick="bgChange('#E0FFFF')" bgcolor="#E0FFFF">
    </td>
    <td onclick="bgChange('#98FB98')" bgcolor="#98FB98">
    </td>
    <td onclick="bgChange('#B0E0E6')" bgcolor="#B0E0E6">
    </td>
    <td onclick="bgChange('#87CEFA')" bgcolor="#87CEFA">
    </td>
    <td onclick="bgChange('#FFDAB9')" bgcolor="#FFDAB9">
    </td>
    <td onclick="bgChange('#FFC0CB')" bgcolor="#FFC0CB">
    </td>
    <td onclick="bgChange('#E6E6FA')" bgcolor="#E6E6FA">
    </td>
    <td onclick="bgChange('#D3D3D3')" bgcolor="#D3D3D3">
    </td>
    <td onclick="bgChange('#FFFFFF')" bgcolor="#FFFFFF">
    </td>
    </tr></table>
    <div class='clear'></div>
    </center>
    Keterangan:
    Tulisan berwarna kuning adalah judul widget, bisa Anda ubah sesuai keinginan.
    Ubah lebar (width) dan tinggi (height) sesuai keinginan Anda.
    Tulisan berwarna merah adalah kode warna, bisa Anda ubah sesuai keinginan. 
  4. Simpan.
Nah, Anda sudah bisa melihat hasilnya. Jika Anda masih mengalami masalah silahkan hubungi kami melalui contac.




  • Baca Juga