Memasang Widget Background Otomatis Di Blog

Banyak cara untuk membuat variasi dan memperindah tampilan blog. Salah satunya adalah dengan menempatkan widget untuk mengganti warna background otomatis ini di sidebar blog anda, sehingga pengunjung dapat memilih warna background kesukaan mereka.    

Lihat Demo 

Cara Mengganti Background Blog :

1. Login ke dashboard blogger anda.

2. Pilih Rancangan > Elemen Laman > Add gadget (HTML/Javascript).

3. Copy script yang ada dibawah ini dan paste pada gadget.

<div class="widget-content">

<center><b>

Change the Background

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

4. Anda bisa menganti judul widget anda danti teks yang berwarna merah  "Change the Background "  dan anda bisa menganti daftar menu warna background ganti texs biru dengan code warna yang anda pilih  (Ada bisa memilih code warna di sini

5.  Save / Simpan.