Home » » Cara Membuat Widget Pilihan Warna Background Di Blog

Cara Membuat Widget Pilihan Warna Background Di Blog

Ditulis oleh Dicky Fajriansyah pada Rabu, 12 Juni 2013 | 23.19


Kali ini Dicky's akan menshare Tips Blog yang berjudul 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 Sobat :
<table border="1" width="300" height="31">
<tr> 
<td onclick="bgChange('#000000')" bgcolor="#000000">
</td>
<td onclick="bgChange('#0000FF')" bgcolor="#0000FF">
</td>
<td onclick="bgChange('#FF0000')" bgcolor="#FF0000">
</td>
<td onclick="bgChange('#00FF00')" bgcolor="#00FF00">
</td>
<td onclick="bgChange('#FFF000')" bgcolor="#FFF000">
</td>
<td onclick="bgChange('#C0C0C0')" bgcolor="#C0C0C0">
</td>
<td onclick="bgChange('#FFA500')" bgcolor="#FFA500">
</td>
<td onclick="bgChange('#800080')" bgcolor="#800080">
</td>
<td onclick="bgChange('#FF00D0')" bgcolor="#FF00D0">
</td>
<td onclick="bgChange('#00FFFF')" bgcolor="#00FFFF">
</td>
<td onclick="bgChange('#FFFFFF')" bgcolor="#FFFFFF">
</td>
</tr></table>
<div class='clear'></div>
</center>

Keterangan :
- Kode yang berwarna MERAH yaitu judul widget, bisa sobat ganti judul terserah sobat
- Kode yang berwarna ORANGE yaitu angka ketebalan garis tepi/border, bisa sobt ganti angka terserah sobat
- Kode yang berwarna BIRU yaitu angka ukuran panjang perkotak warna, bisa sobat ganti dengan angka panjang terserah sobat
- Kode yang berwarna KUNING yaitu angka ukuran tinggi perkotak warna, bisa sobat ganti dengan angka tinggi terserah sobat
- Kode yang berwarna HIJAU yaitu kode warna background, bisa sobat ganti dengan kode warna yang lain, lihat kode warna DISINI

  • Yang terakhir Simpan, dan lihat hasilnya.

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.........
Dilarang menduplikasi dan menyerbarluaskan artikel tanpa menyertakan sumbernya. Jika melanggar, berarti telah melanggar UUD 1945 No. 19 Tahun 2002 Tentang Hak Cipta dan akan dijatuhi denda.
thumbnail Title: Cara Membuat Widget Pilihan Warna Background Di Blog
Posted by:Dicky Fajriansyah
Published :2013-06-12T23:19:00-07:00
Rating: 5
Reviewer: 100 Reviews
Cara Membuat Widget Pilihan Warna Background Di Blog

2 komentar:

  1. ternyata background blog juga bisa diganti dengan gampang,bagus juga ini,hehehe

    BalasHapus
    Balasan
    1. Thankz sob,,, kalo baguzz,
      silahkan dicoba...

      Hapus