Cara Membuat Background Berubah-rubah Warna

Sahabat blogger yang tercinta kali ini saya akamemberi petunjuk bagai mana Cara membuat background berubah-rubah warna di blog. Nah untuk membuatnya sangatlah mudah, ikuti saja langkah-langkah berikut ini:

1. Masuk ke Blogger anda
2. Klik Rancangan
3. Tambah Widget HTML/javascrip
4. Copy Pastekan kode di bawah ini


<script type='text/javascript'>
function bgChange(bg)
{document.body.style.background=bg;}
</script>
<table border="1">
<tr><th><input type="button" value="Coklat" onclick="bgChange('#500800')" /><br /></th>
<th><input type="button" value="Putih" onclick="bgChange('#ffffff')" /><br /></th>
<th><input type="button" value="Kuning Muda" onclick="bgChange('#ffffcc')" /><br /></th>
<th><input type="button" value="Cyan" onclick="bgChange('#00ffff')" /><br /></th>
<th><input type="button" value="Biru" onclick="bgChange('#0000ff')" /><br /></th>
<th><input type="button" value="Merah" onclick="bgChange('#ff0000')" /><br /></th>
<th><input type="button" value="Orange" onclick="bgChange('#ff6600')" /><br /></th>
<th><input type="button" value="Hijau Lumut" onclick="bgChange('#00ff00')" /><br /></th>
<th><input type="button" value="Kuning" onclick="bgChange('#ffff00')" /><br /></th>
<th><input type="button" value="Merah Jambu" onclick="bgChange('#ff69ba')" /><br /></th>
<th><input type="button" value="Hitam" onclick="bgChange('#000000')" /><br /></th>
<th><input type="button" value="Background Utama" onclick="bgChange('#141414')" /></th>
</tr>
</table>

5. Simpan

Keterangan:

Kode tersebut di atas sebaiknya di letakkan di Header, Namun kalau anda untuk meletakkannya di Sidebar anda cuma menghapus kalimat yang berwarna hijau atau tulisan <table border="1">
<tr><th></th></tr></table>. Kalau anda menambah warna anda juga bisa caranya dengan menanambah  kode di bawah ini :

<th><input type="button" value="Background Utama" onclick="bgChange('#141414')" /></th>

Selesai

Posted in: ttg blog