Seperti yang kita ketahui pemilihan warna background sangat penting
pada blog karena keseimbangan warna blog sangat mempengaruhi kenyamanan
pengunjung.
Dengan sekali klik pengunjung dapat mengubah warna background sesuai
dengan keinginan mereka. Berikut cara membuat tombol pilihan warna
background pada blog :
- Login akun blogger Anda.
- Pilih Tata Letak ---> Tambah Gadget ---> HTML/JavaScript.
- Copy paste kode di bawah ini pada 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:
Tulisan berwarna hijau adalah judul widget, bisa Anda ubah sesuai keinginan.
Ubah lebar (width) dan tinggi (height) sesuai keinginan Anda.
Tulisan berwarna merah adalah kode warna, bisa Anda ubah sesuai keinginan. - Simpan.
Lihat gambar berikut,
Sumber : http://blogatap.blogspot.com/2013/06/cara-membuat-tombol-pilihan-warna.html
Author : coxelgokil | ACI BUDAYA
Anda telah membaca
artikel tentang : Silahkan Ganti Warna Background Sendiri. Oleh Admin, Anda diperbolehkan mengcopy-paste atau menyebarluaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya. Terimakasih...