Trik Merubah Warna Background Secara Otomatis

 

Sobat blogger bosan dengan warna dasar background dan ingin mengganti warna dasar background? Trik kali ini saya coba share tentang cara menganti warna background dasar blog secara otomatis dan cara sangat mudah sekali, cuma menambahkan beberapa script saja.



Mau tahu caranya?



Mari ikuti tutorialnya :  



1.    Masuk pada dasbor blog anda



2    Pilih Design >> Add widget Template >> Pilih HTML/Javascript



3.    Masukan script merubah background outomatis dibawah ini :

    <div style="overflow:auto; width:100%; height:100%;margin-top:16px">

    <script type="text/javascript">

    function bgChange(bg)

    {

    document.body.style.background=bg;

    }

    </script>

    Pilih Warna Latar

    <table border="1" width="300" height="20">

    <tr> <td

    onclick="bgChange('')" bgcolor="white">

    </td> <td

    onclick="bgChange('#FAFAD2')" bgcolor="#FAFAD2">

    </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> </tr>

    </table>

    </div><br/>

<center><b>Get this Widget from <a target="_blank" href="http://trik-blogger-andreas.blogspot.com/2010/12/trik-merubah-warna-background-secara.html">here!!!</a></b></center>

4.    Jika sudah silahkan klik simpan  dan lihat hasilnya.



Sobat bisa merubah warna-warna background yang ada di script diatas dengan mengganti kode warna sesuai selera anda.



Selamat mencoba.

Posted in: Trik Blogger,Tutorial Blogger