Cara Membuat Background Blog Berubah rubah Warna

Cara Membuat Backgroud Blog Berubah rubah Warna

Sahabat blogger blog Dalideu blogspot  sekarang kita akan mencoba untuk Mengetahui bagaimana cara membuat background blog berubah rubah warna, untuk membuat apa yang kita maksud marilah kita langsung saja untuk membuatnya, Nah untuk meyakinkan anda silahkan dilihat Demonya.

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

Artikel Lainnya