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 :
Semoga Tips Blog yang berjudul Cara Membuat Widget Pilihan Warna Background Di Blog bisa bermanfaat.........
dan selamat mencoba.........
Post a Comment