Demo image Demo image Demo image Demo image Demo image Demo image Demo image Demo image

Menambahkan Tombol Pengganti Warna Baground Pada Blog

  • Rabu, 04 April 2012
  • Febri Rizki

  • Untuk mengganti warna background blog , umumnya kita lakukan melalui edit HTML pada template blog. Sebagai alternatif, anda dapat menampilkan background blog anda dengan berbagai pilihan warna. Pilihan warna tersebut ditampilkan dalam bentuk tombol yang apabila tombol warna tersebut diklik, maka background blog anda akan berubah sesuai warna yang dipilih. Jadi anda tidak perlu mengedit kode HTML blog anda ketika ingin mengganti warna baground blog anda. Selain itu, anda bisa memilih warna apa saja yang anda inginkan untuk di tampilkan pada tombol pengganti warna baground blog anda
    Cara memasang pada blog anda :

    • Masuk ke Blogger.
    • Pilih Rancangan bagian Elemen halaman.
    • Klik tambah Gadget pada bagian blog yang ingin anda tampilkan tombol warna.
    • Pilih HTML/JavaScript.
    • Copy sript dibawah ini dan paste pada kolom yang tersedia.

    <script type="text/javascript">

    function bgChange(bg)

    {
    document.body.style.background=bg;
    }
    </script><table width="100%">
    <tbody><tr>
    <td onclick="bgChange('#2E0000')" bgcolor="#2e0000">
    </td>
    <td onclick="bgChange('#570000')" bgcolor="#570000">
    </td>
    <td onclick="bgChange('#141543')" bgcolor="#141543">
    </td>
    <td onclick="bgChange('#434351')" bgcolor="#434351">
    </td>
    <td onclick="bgChange('#154511')" bgcolor="#154511">
    </td>
    <td onclick="bgChange('#6AA366')" bgcolor="#6aa366">
    </td>
    <td onclick="bgChange('#423215')" bgcolor="#423215">
    </td>
    <td onclick="bgChange('#88672B')" bgcolor="#88672b">
    </td>
    <td onclick="bgChange('#0B0DA8')" bgcolor="#0b0da8">
    </td>
    <td onclick="bgChange('#6F70D3')" bgcolor="#6f70d3">
    </td>
    <td onclick="bgChange('#8612A1')" bgcolor="#8612a1">
    </td>
    <td onclick="bgChange('#12A19A')" bgcolor="#12a19a">
    </td>
    <td onclick="bgChange('#0C6E69')" bgcolor="#0c6e69">
    </td>
    </tr>
    </tbody></table>


    Klik tombol Simpan.

    Keterangan :

    • Perhatikan kode warna yang berwarna biru dan kode warna yang berwarna kuning.
    • Kedua warna tersebut setiap barisnya harus sama agar baground blog berganti warna sesuai dengan warna tombol yang di klik
    • Gantilah kode-kode warna diatas dengan warna yang ingin anda tampilkan.


    Selamat mencoba, semoga bermanfaat
    from : http://allabout-all.blogspot.com/2012/03/menambahkan-tombol-pengganti-warna.html

    0 komentar:

    Poskan Komentar