Cara Membuat Widget Pilihan Warna Background Di Blog

Scholovers Blogger | kali ini saya akan share Cara Membuat Widget Pilihan Warna Background Di Blog. Widget ini berfungsi mengubah warna background, supaya pengunjung tidak bosan dalam melihat blog kita, pengunjung bisa memilih sendiri warna background yang telah disediakan oleh pemilik blog. Cara untuk membuat widget ini sangatlah mudah kok. Oke, langsung saja ini Tips-nya.

Berikut Cara Membuat Widget Pilihan Warna Background Di Blog :

  • Login ke Blogger, atau klik disini
  • Pilih Tata Letak --> Tambahkan Gadget --> Pilih HTML/JavaScript
  • Copy kode dibawah ini dan letakkan ke kolom HTML/JavaScript
<center>
<script type="text/javascript">
function bgChange(bg)
{
document.body.style.background=bg;
}
</script>
Silahkan Pilih Background Warna Kesukaan Anda :
<table border="1" width="50" height="20">
<tr>
<td onclick="bgChange('#000000')" bgcolor="#000000">
</td>
<td onclick="bgChange('#F0E68C')" bgcolor="#F0E68C">
</td>
<td onclick="bgChange('#E0FFFF')" bgcolor="#E0FFFF">
</td>
<td onclick="bgChange('#98FB98')" bgcolor="#98FB98">
</td>
<td onclick="bgChange('#B0E0E6')" bgcolor="#B0E0E6">
</td>
<td onclick="bgChange('#87CEFA')" bgcolor="#87CEFA">
</td>
<td onclick="bgChange('#FFDAB9')" bgcolor="#FFDAB9">
</td>
<td onclick="bgChange('#FFC0CB')" bgcolor="#FFC0CB">
</td>
<td onclick="bgChange('#E6E6FA')" bgcolor="#E6E6FA">
</td>
<td onclick="bgChange('#D3D3D3')" bgcolor="#D3D3D3">
</td>
<td onclick="bgChange('#FFFFFF')" bgcolor="#FFFFFF">
</td>
</tr></table>
<div class='clear'></div>
</center>

Keterangan :
- Kode yang berwarna Biru yaitu judul widget, bisa sobat ganti judul terserah sobat
- Kode yang berwarna Orange adalah angka ketebalan garis tepi/border, bisa sobt ganti angka terserah sobat
- Kode yang berwarna Merah yaitu kode warna background, bisa sobat ganti dengan kode warna yang lain, lihat kode warna DISINI
Hasilnya :

Silahkan Pilih Background Warna Kesukaan Sobat :











Semoga Tips Blog yang berjudul Cara Membuat Widget Pilihan Warna Background Di Blog bisa bermanfaat, Dan Selamat Mencoba

Comments