Cara Mudah Merubah Warna Background Secara Otomatis

Cara Mudah Merubah Warna Background Secara Otomatis

4 Comments

Sobat blogger bosan dengan warna dasar background dan ingin mengganti warna dasar background? Trik kali ini saya coba share tentang cara menganti warna background dasar blog secara otomatis dan cara sangat mudah sekali, cuma menambahkan beberapa script saja.  Mau tahu caranya? nih gan langkah-langkahnya....
  1. Masuk pada dasbor blog anda
  2. Pilih Design >> Add widget Template >> Pilih HTML/Javascript
  3. Masukan script merubah background outomatis dibawah 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>
onclick="bgChange('#0000FF')" bgcolor="#0000FF">
</td> </tr>
onclick="bgChange('#0000FF')" bgcolor="#0000FF">
</td> </tr>
onclick="bgChange('#000000')" bgcolor="#000000">
</td> </tr>
</table>
</div>
Jika sudah silahkan klik simpan dan lihat hasilnya.
Sekedar Tips:
kalau anda mau menghilanngkan salah satu warnanya tinggal hapus kode
onclick="bgChange('#0000FF')" bgcolor="#0000FF">
</td> </tr>
nih sahabat kalau mau tau kode warna, klik gambar di bawah ini
Sobat bisa merubah warna-warna background yang ada di script diatas dengan mengganti kode warna sesuai selera anda. Selamat mencoba.


"keep spirits and do the best"
Mau belajar trick dan tips blogging lengkap dan mudah?... BACA DI SINI

About the Author

Blogonol adalah Blog - 0 atau blog kosong dengan konten tutorial blog, seo, widget, template gratis, dan blog info yang dikonsep secara sederhana untuk belajar membangun blog yang lebih baik.