Cara Membuat Widget Untuk Mengganti Warna Background Di Blog

" Cara Membuat Widget Untuk Mengganti Warna Background Di Blog "

Widget Untuk Mengganti Warna Background Di Blog memang sangat-sangat membantu para Admin Blog dan Pengunjung Blog, karena keuntungan bagi Admin Blog yaitu tidak perlu pusing dan capai mengganti warna background secara manual dengan mengedit template, dan memudahkan para pengunjung tentunya dalam membaca atau melihat konten Blog, oleh sebab itu banyak blogger yang menggunakan widget ini. Untuk membuat widget tersebut lihat dibawah ini.

 

Silahkan Ikuti Langkah-langkah berikut :

1. Silahkan login akun Blog Anda

2. Pilih menu Rancangan dan Pilih Elemen Laman

3. Setelah itu pilih Tambah Gadget 

4. Kemudian Tambahkan HTML/JavaScript

5. Dan Copy dan kode di bawah ini :

 

<!-- Background - http://wizyuloverz.blogspot.com - Start -->

 

<script type="text/javascript">
function bgChange(bg)
{
document.body.style.background=bg;
}
</script><table width="100%" height="25px">
<tbody><tr>
<td onclick="bgChange('#2E0000')" bgcolor="#2e0000">
</td>
<td onclick="bgChange('#570000')" bgcolor="#570000">
</td>
<td onclick="bgChange('#141543')" bgcolor="#141543">
</td>
<td onclick="bgChange('#434351')" bgcolor="#434351">
</td>
<td onclick="bgChange('#154511')" bgcolor="#154511">
</td>
<td onclick="bgChange('#6AA366')" bgcolor="#6aa366">
</td>
<td onclick="bgChange('#423215')" bgcolor="#423215">
</td>
<td onclick="bgChange('#88672B')" bgcolor="#88672b">
</td>
<td onclick="bgChange('#000000')" bgcolor="#000000">
</td>
<td onclick="bgChange('#FFFFFF')" bgcolor="#FFFFFF">
</td>
<td onclick="bgChange('#EEF2F7')" bgcolor="#EEF2F7">
</td>
<td onclick="bgChange('#12A19A')" bgcolor="#12a19a">
</td>
<td onclick="bgChange('#0C6E69')" bgcolor="#0c6e69">
</td>
</tr>
</tbody></table>

<!-- Background - http://wizyuloverz.blogspot.com - End -->

 

6. Sahabat bisa mengganti Warna Backround sesuai keinginan sahabat dengan mengganti tulisan berwarna Kuning dan Biru dengan Angka yang sama Contoh : #0C6E69 & #0c6e69

7. Apabila Sudah Di Copy Silahkan Simpan/Save Windget

8. Simpan Widget pada posisi atau tempat yang sahabat inginkan.

 

Sumber : http://wizyuloverz.blogspot.com

 

Artikel Terkait

[archives limit=10]