Trik Merubah Warna Background Dasar Blog Secara Otomatis

Untuk tutorial blog kali ini akan membahas cara mengganti warna background dasar blog secara otomatis tanpa harus mengdit html template anda.

Cara merubah warna background dasar blog ini bisa dilakukan secara otomatis dengan menambahkan sedikit script yang bisa ditempatkan pada bagian widget blog anda.

Lihat DEMO

Cara pembuatannya seperti berikut :

Masuk pada dasbor blog anda

Pilih Rancangan >> Add widget Template >> Pilih HTML/Javascript

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>

</table>

</div>

Jika sudah silahkan Klik Simpan.

dan lihat hasilnya.

NB :: Anda bisa merubah warna-warna background yang ada di script diatas dengan mengganti kode warna sesuai selera anda. selamat mencoba.