Friday, October 17, 2014

Cara Membuat Tombol Pilihan Warna Background


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 :
1.    Login akun blogger Anda.
2.    Pilih Tata Letak ---> Tambah Gadget ---> HTML/JavaScript.
3.    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="2" 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 kuning 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.
4.    Simpan.
Nah, Anda sudah bisa melihat hasilnya. Jika Anda masih mengalami masalah silahkan hubungi kami melalui contac.
Terima Kasih Telah Berkunjung
Judul: Cara Membuat Tombol Pilihan Warna Background
Ditulis Oleh Unknown
Jika mengutip harap berikan link DOFOLLOW yang menuju pada artikel Cara Membuat Tombol Pilihan Warna Background ini. Sesama blogger mari saling menghargai. Terima kasih atas perhatian anda

0 komentar:

Post a Comment