Cara Membuat Background Berubah Warna Bila Di Klik Sesuai Warna

IDEINI | Cara Membuat Background Berubah Warna Bila Di Klik Sesuai Warna , Tutorial Blogging kali ini yaitu Cara Membuat Background Berubah Warna Bila Di Klik Sesuai Warna , mungkin ada yang masih bingung dengan judul ini, memang agak sulit untuk membuat judulnya, namun saya akan sedikit menjelaskan, maksud dari judul itu yaitu, kamu bisa membuat widget yang fungsingya untuk merubah warna background kamu secara mudah, yaitu dengan di klik saja, dan semua pengunjung dapat memilih sendiri mana warna yang akan di jadikan background, untuk lrbih jelasnya bisa di lihat di DEMO, yang udah lihat semiga makin paham ya, baiklah sahabat ideini langsung saja Cara Membuat Background Berubah Warna Bila Di Klik Sesuai Warna :

1. Login Ke Blogger.com

2. Pilih Rancangan

3. Pilih Tambah Elemen >> HTML/ Java Script

4. Pastekan Kode Berikut Di dalamnya : 

<script type="text/javascript">
function bgChange(bg)
{
document.body.style.background=bg;
}
</script>
<table width="100%">
<tr>
<td onclick="bgChange('black')" bgcolor="black">&nbsp;</td>
<td onclick="bgChange('#FFFF00')" bgcolor="#FFFF00">&nbsp;</td>
<td onclick="bgChange('red')" bgcolor="red">&nbsp;</td>
<td onclick="bgChange('blue')" bgcolor="blue">&nbsp;</td>
<td onclick="bgChange('white')" bgcolor="white">&nbsp;</td>
<td onclick="bgChange('green')" bgcolor="green">&nbsp;</td>
<td onclick="bgChange('DeepSkyBlue')" bgcolor="DeepSkyBlue">&nbsp;</td>
<td onclick="bgChange('Fuchsia')" bgcolor="Fuchsia">&nbsp;</td>
<td onclick="bgChange('DarkMagenta')" bgcolor="DarkMagenta">&nbsp;</td>
</tr>
</table>

5. Klik Simpan


Keterangan : 

Kode yang berwarna merah adalah kode warna yang tampil, kamu bisa merubah ataupun menambahnya sesuai keingininan.

Sekian Tutorial Blogging Cara Membuat Background Berubah Warna Bila Di Klik Sesuai Warna kali ini, semoga bermanfaat, jika ada yang kurang jelas silahkan tanya di bawah.