Widget tukar warna background blog

Widget tukar warna background blog

Baca Juga

Salam 1Malaysia kepada semua rakan.

Berikut adalah tutorial untuk membina butang menukar background blog anda dengan satu klik. Pelawat boleh memilih warna yang diminati dengan widget ini.

Untuk memasang widget ini, sila ikuti langkah berikut:

1. Log masuk, dashboard -> Design -> Page Elements
2. Add a Gadget -> HTML/Javascript
3. Masukkan kod di bawah:
4. Simpan dan view blog anda
5. Selesai.

<!-- Ubah warna Mula | www.gnesop.com -->
<div class="widget-content">
<center><b>Ubah Warna Latar</b></center>
<br/>
<script type="text/javascript">
function bgChange(bg)
{
document.body.style.background=bg;
}
</script>
<table border="1"
width="100%" height="30">
<tbody><tr>


<td onclick="bgChange('#000000')" bgcolor="#000000">
</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>
<!-- Ubah warna Tamat | www.gnesop.com -->