Friday, October 14, 2011

cara membuat auto color pada baground blog

bingung mau buat artikel tentang apa..ahirnya nemu ide juga buat nulis tutorial tentang cara membuat auto color pada baground blog..
ok deh,,,gak usah basa basi lagi,,kita langsung aja menuju cara pembuatanya...
eit tapi sebelumnya buat yang belum tau apa itu auto color,kalian bisa lihat demo dibawah ini



Silahkan Pilih Warna Latar Blog ini Sesuai Dengan kenyamanan Yang Anda Suka
















kalo udah liat dan tertarik pengen coba masang di blog kalian pasti pengen tau cara buatnya donk..
ok deh ikuti langkah langkah berikut ini

1 login ke akun blog milik kalian tentunya

2 pilih rancangan lalu klik elemen laman

3 pilih tambah gadget

4 pilih html java script

5 masukkan code dibawah ini


<center><script type="text/javascript">
    function bgChange(bg)
    {
    document.body.style.background=bg;
    }
    </script>
Silahkan Pilih Warna Latar Blog ini Sesuai Dengan kenyamanan kalian
    <table border="1" width="660" height="20">
    <tr> <td
    onclick="bgChange('#FFFFFF')" bgcolor="white">
     <td
    onclick="bgChange('#000000')" bgcolor="#000000">
     <td
    onclick="bgChange('#F0E68C')" bgcolor="#F0E68C">
     <td
    onclick="bgChange('#E0FFFF')" bgcolor="#E0FFFF">
     <td
    onclick="bgChange('#98FB98')" bgcolor="#98FB98">
     <td
    onclick="bgChange('#B0E0E6')" bgcolor="#B0E0E6">
     <td
    onclick="bgChange('#87CEFA')" bgcolor="#87CEFA">
     <td
    onclick="bgChange('#FFDAB9')" bgcolor="#FFDAB9">
     <td
    onclick="bgChange('#FFC0CB')" bgcolor="#FFC0CB">
     <td
    onclick="bgChange('#E6E6FA')" bgcolor="#E6E6FA">
     <td
    onclick="bgChange('#D3D3D3')" bgcolor="#D3D3D3">
     </td
></td
></td
></td
></td
></td
></td
></td
></td
></td
></td
></tr>
    </table>
<div class='clear'></div></center>

keterangan
perhatikan huruf yang berwarna biru..dapat kalian rubah sesuai keinginan kalian
width="660"= lebar dapat kalian rubah
 height="20"= tinggi rubah juga sesuai keinginan kalian

-----=====selamat mencoba..semoga berhasil=====-----

No comments:

Post a Comment