Cara Mengganti Background Blog Otomatis Ketika Di Klik Pengunjung

Bookmark and Share
Cara Mengganti Background Blogspot Otomatis, or keyword Google Cara Mengganti Background Dengan Gambar Animasi Tutorial Blog Kali ini Mengulas Cara Mengganti Warna Background Blog Otomatis .Banyak cara untuk membuat variasi dan memperindah tampilan blog sobat. Salah satunya adalah dengan menempatkan widget untuk mengganti warna background otomatis ini di sidebar blog sobat, sehingga pengunjung dapat memilih warna background kesukaan mereka. Selain supaya kita juga tidak bosan dengan tampilan background yang itu-itu saja, dan pengunjung yang datang pun kita harapkan mendapatkan kenyamanan sehingga mereka betah berlama-lama membaca di blog kita.

Cara Mengganti Background Blogspot Otomatis :

1. Login ke dashboard blogger anda.
2. Pilih Rancangan > Elemen Laman > Add gadget (HTML/Javascript).
3. Copy script yang ada dibawah ini dan paste pada gadget.

<div class="widget-content">
<center><b>Pilih Warna Kesukaan Sobat</b></center>
<br/>
<script type="text/javascript">
function bgChange(bg)
{
document.body.style.background=bg;
}
</script>
<table border="1" width="100%" height="20">
<tbody><tr>
<td onclick="bgChange('#8B008B')" bgcolor="#8B008B">
</td>
<td onclick="bgChange('#9400D3')" bgcolor="#9400D3">
</td>
<td onclick="bgChange('#008080')" bgcolor="#008080">
</td>
<td onclick="bgChange('#808080')" bgcolor="#808080">
</td>
<td onclick="bgChange('#CD853F')" bgcolor="#CD853F">
</td>
<td onclick="bgChange('#2F4F4F')" bgcolor="#2F4F4F">
</td>
<td onclick="bgChange('#DC143C')" bgcolor="#DC143C">
</td>
<td onclick="bgChange('#4B0082')" bgcolor="#4B0082">
</td>
<td onclick="bgChange('#A52A2A')" bgcolor="#A52A2A">
</td>
</tr></tbody></table>
</div>

Silahkan sobat edit teks tulisan yang berwarna merah dan kode pilihan warna yang berwarna biru dengan warna-warna kesukaan anda. Untuk kode warna dapat dilihat disini.
5. Save / Simpan.
semoga Berhasil..dan semoga artikel tentang Cara Mengganti Background Blogspot Otomatis Bermanfaat

{ 0 komentar... Views All / Send Comment! }