Membuat Widget Mengganti Baground

Membuat Widget Mengganti Baground

Sahabat Bloger yang berbahagia, berikut ini ada cara yang termudah bagaimana cara mengganti baground blog sesuai keinginan pengunjung. Fungsinya tentu menyenangkan pengunjung dengan mengklik warna baground blog kita sesuai keinginanya. Warna telah kita buat yang sesaui dengan blog milik kita, ingion membuatnya? mudah kok ... ikuti terus info ini ya...

Cara buat widget Baground Kesukaan pengunjung

1. Silahkan masuk ke blogger dasboard Anda;
2. Pilih tata letak;
3. Pilih widget dimana Anda akan membuat >> pilih tambah widget HTML java script pada pilihan menu konfigurasi;
4. Masukkan HTML berikut ini;
<div class="widget-content"> <center><b>Pilih Warna Kesukaan Anda</b></center> <script type="text/javascript">function bgChange(bg){ document.body.style.background=bg;}</script> <table border="1" width="100%" height="20"> <tbody><tr> <th onclick="bgChange('#ceb9a1')" bgcolor="#ceb9a1"></th>  <th onclick="bgChange('#584C67')" bgcolor="#584C67"></th>  <th onclick="bgChange('#DDD7E5')" bgcolor="#DDD7E5"></th>  <th onclick="bgChange('#7E7788')" bgcolor="#7E7788"></th>  <th onclick="bgChange('#C9B1C2')" bgcolor="#C9B1C2"></th>  <th onclick="bgChange('#664D5E')" bgcolor="#664D5E"></th>  <th onclick="bgChange('#916E87')" bgcolor="#916E87"></th>  <th onclick="bgChange('#9A6572')" bgcolor="#9A6572"></th>  <th onclick="bgChange('#CBA9B1')" bgcolor="#CBA9B1"></th> <th onclick="bgChange('#928789')" bgcolor="#928789"></th> </th> </tr></tbody></table> </div>
5. Selankutnya simpan perubahan dan lihatlah hasilnya.
6. Editlah warna baground sesuai kesukaan Anda, untuk membuat kode warna silahkan ke sini.

Pilih Warna Kesukaan Anda                

Demikian tulisan saya kali ini semoga bermanfaat, mohon maaf atas kesalahan-kekhilafan, terima kasih atas kunjungannya dan komentarnya, akhir kata billahittaufiq walhidayah...
Wassalamu;alaikum warakhmatullahi wabarakatuh.