Cara Membuat Tombol Pilihan Warna Background Di Blog

Advertisement

Cara Membuat Tombol Pilihan Warna Background Di Blog | Warna background pada dasarnya sangat penting untuk kenyamanan pengunjung. Dengan menggunakan Tombol Pilihan Warna pengunjung bisa mengubah background blog kita dengan sesuka hati. nah dibawah ini adalah contoh Tombol Pilihan Warna Backround yang ada di blog saya.

Untuk langkah-langkah Cara Membuat Tombol Pilihan Warna Background Di Blog silahkan ikuti tutorialnya dibawah ini :

1. Silahkan Login di Blogger dulu
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 Warna Background :
<table border="1" width="300" height="40">
<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>

 Nb :

• Warna : Judul Widget.
• Warna : Ukuran Lebar dan Tinggi widget
• Warna : Warna yang ditampilkan, bisa sobat ganti sesuai selera sobat. 

4. Simpan dan lihat hasilnya. 

Semoga Bermamfaat,

Found an article helpful? Donate via Paypal

Disclaimer: Images, Content of articles or videos that exist on the web sometimes come from various sources of other media. Copyright is fully owned by the source. If there is a problem with this matter, you can contact us here.