Cara Mengganti Warna Background Blog Otomatis

Banyak cara dan upaya untuk  memperindah tampilan blog . Bagi anda yang baru berkecimpung di dunia yang satu ini, yaitu blogging pastilah senang mencari artikel atau postingan yang membahas tentang tips ataupun trik mempercantik tampilan blog. Adanya kebanggaan tersendiri bila blog yang kita punya atau kelola memiliki tampilan yang menarik sehingga mendatangkang banyak penggunjung. Rata-rata pengunjung yang datang bertamu ke blog kita merasa bosan dengan tampilan background yang itu-itu saja, dan pengunjung yang datang pun kita harapkan mendapatkan kenyamanan sehingga mereka betah berlama-lama membaca  di blog kita. Contoh penggunaan widget pengganti warna background blog otomatis yang menjadi bahan pembahasan kita di postingan saya kali ini. Langsung saja ke tahap demi tahap pengerjaannya.

Cara Mengganti Background Blog :

• Login ke dashboard blogger anda.
• Pilih Rancangan > Elemen Laman > Add gadget (HTML/Javascript).
• Copy script yang ada dibawah ini dan paste pada gadget.

<div class="widget-content">
    <center><b>Pilih Warna Kesukaan Anda</b></center>
    <br/>
    <script type="text/javascript">
    function bgChange(bg)
    {
    document.body.style.background=bg;
    }
    </script>
    <table border="1" width="100%" height="20">
    <tbody><tr>
    <td onclick="bgChange('#8B008B')" bgcolor="#8B008B">
    </td>
    <td onclick="bgChange('#9400D3')" bgcolor="#9400D3">
    </td>
    <td onclick="bgChange('#008080')" bgcolor="#008080">
    </td>
    <td onclick="bgChange('#808080')" bgcolor="#808080">
    </td>
    <td onclick="bgChange('#CD853F')" bgcolor="#CD853F">
    </td>
    <td onclick="bgChange('#2F4F4F')" bgcolor="#2F4F4F">
    </td>
    <td onclick="bgChange('#DC143C')" bgcolor="#DC143C">
    </td>
    <td onclick="bgChange('#4B0082')" bgcolor="#4B0082">
    </td>
    <td onclick="bgChange('#A52A2A')" bgcolor="#A52A2A">
    </td>
    </tr></tbody></table>
    </div>
 

• Selanjutnya silahkan sobat edit teks tulisan berikut :

1. Untuk code " <center><b>Pilih Warna Kesukaan Anda</b></center>  "  ganti tulisan Pilih Warna Kesukaan Anda sesuai kemauan anda.
2. Untuk code " <table border="1" width="100%" height="20"> " silakan di atur sesuai kreasi dan ukuran yang anda inginkan untuk width & height.
3. Untuk code " <td onclick="bgChange('#8B008B')" bgcolor="#8B008B"> " pada code #8B008B adalah code warna yang akan tampil dalam background jika tombol di click. Jika anda ingin menganti warna sesuai dengan warna yang anda kehendaki, silakan click di sini untuk mendapatkan codenya " click here "
4. Terakhir tekan tombol save untuk menyimpannya.