Friday, March 15, 2013

Cara merubah background template otomatis dan mudah

langsung aja masuk ke tambah gedget, tambah javaskrip dan masukkan kode dibawah ini:
<div class="widget-content">
    <center><b>Pilih background yg Anda Suka</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>

lalu simpan dan lihat hasilnya, warna bisa diganti sesuai selera..

No comments:

Post a Comment