Cara Membuat Latar Blog Berubah Warna

    Cara Membuat Latar Blog Berubah Warna
                                                 

Warna latar belakang atau background blog, membuat pengunjung  betah karena warna sesuai dengan selera. Di tutorial ini saya sampaikan bahwa  pengunjung diajak untuk bisa mengubah warna sesuai selera dan kenyamanan pengunjung.  Anda bisa melihat dan mencoba pada blog ini. Caranya dengan pilih warna dan klik sesuai pilihan maka warna akan berubah.

                                                      

Caranya hanya sekali klik warna akan berubah.
Berikut ikuti cara membuatnya :

1.    Login ke dasbor blog Anda.
2.    Pilih Tata letak
3.    Klik tambah gadget
4.    Klik HTML/ JS
5.    Salin kode di bawah ini dan pastekan di JS tadi.


<center>
<script type="text/javascript">
function bgChange(bg)
{
document.body.style.background=bg;
}
</script>


Klik Pilih Warna Kesukaan Anda 

 
<table border="1" width="300" height="30">
<tr>
<td onclick="bgChange('#000000')" bgcolor="#000000">
</td>
<td onclick="bgChange('#D3D3D3')" bgcolor="#D3D3D3">
</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('#FFFFFF')" bgcolor="#FFFFFF">
</td>
</tr></table>
<div class='clear'></div>
</center>


Keterangan :
1. Warna ungu adalah Judul widged, bisa diubah sesuai selera Anda.
2. Width dan height bisa diatur sesuai kebutuhan.

Selanjutnya klik simpan, keren kan.


Sumber referensi : http://blogatap.blogspot.com
Silahkan Tinggalkan Komentar Anda :