Cara mengganti background blog secara otomatis

Ketika saya berkunjung ke sebuah blog, saya melihat ada kumpulan warna disitu, karena penasaran, saya coba untuk klik salah satu warna tersebut, eh…tiba tiba warna backgroundnya berubah sesuai dengan warna yang saya klik tadi. Yang pasti makin keren lah… Kalau sahabat bloger tertarik dengan hal tersebut, caranya gampang kok…

1. Login ke Account Blogger Anda
2. Silakan pilih Tata Letak/Layout
3. Add widget Template, Terserah dimana saja
4. Klik “HTML/Javascript”
5. Masukkan Script HTML di bawah Ini.

<div style="overflow:auto; width:100%; height:100%;margin-top:16px">

<script type="text/javascript">
function bgChange(bg)
{
document.body.style.background=bg;
}
</script>
Pilih Warna Latar
<table border="1" width="300" height="20">
<tr> <td
onclick="bgChange('')" bgcolor="white">
</td> <td
onclick="bgChange('#FAFAD2')" bgcolor="#FAFAD2">
</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> </tr>
</table>
</div>

6. Klik Simpan
7. Jika anda ingin mengganti/menambahkan warna yang ada diatas, Tinggal anda ganti saja kode Warnanya.

Atau kalau Ingin menambahkan warna, tinggal tambahkan

<td
onclick="bgChange('#Kode Warna')" bgcolor="#Kode Warna">
</td> diatas kode </tr>
</table>

Gampang kan…so pasti blog kamu makin keren deh….

Salam : Kesain Rumah Derpih

Share: