Thursday, November 24, 2011

Cara Mengganti Background Blog Otomatis


Cara Mengganti Warna Background Blog Otomatis – Banyakcara untuk membuat variasi dan memperindah tampilan blog. Salah satunya adalahdengan menempatkan widget untuk mengganti warna background otomatis ini disidebar blog anda, sehingga pengunjung dapat memilih warna background kesukaanmereka. Selain supaya kita juga ngga bosan dengan tampilan background yangitu-itu saja, dan pengunjung yang datang pun kita harapkan mendapatkankenyamanan sehingga mereka betah berlama-lama membaca  di blog kita. Contoh penggunaan widgetpengganti warna background blog otomatis ini dapat sobat lihat langsung disidebar blog ini.


Cara Mengganti Background Blog :

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

<div class="widget-content">
<center><b>Pilih Warna Kesukaan Anda</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>
<tdonclick="bgChange('#8B008B')"bgcolor="#8B008B">
</td>
<tdonclick="bgChange('#9400D3')"bgcolor="#9400D3">
</td>
<tdonclick="bgChange('#008080')"bgcolor="#008080">
</td>
<tdonclick="bgChange('#808080')"bgcolor="#808080">
</td>
<tdonclick="bgChange('#CD853F')"bgcolor="#CD853F">
</td>
<tdonclick="bgChange('#2F4F4F')"bgcolor="#2F4F4F">
</td>
<tdonclick="bgChange('#DC143C')"bgcolor="#DC143C">
</td>
<tdonclick="bgChange('#4B0082')"bgcolor="#4B0082">
</td>
<tdonclick="bgChange('#A52A2A')" bgcolor="#A52A2A">
</td>
</tr></tbody></table>
</div>

4.      Silahkan sobat edit teks tulisan yang berwarnamerah dan kode pilihan warna yang berwarna biru dengan warna-warna kesukaananda. Untuk kode warna dapat dilihat disini.
5.      Save / Simpan.

Mudah dan gampang bukan ? Pada widget pengganti warnabackground ini hanya ada 9 pilihan warna background, jika sobat inginmenambahkannya copy saja kode yang terakhir sehingga kolom warna akan bertambah.Kalau masih bingung, baca lagi postingan sebelumnya tentang cara membuat tabel dan kolom. Semoga tips Cara Mengganti Warna Background Blog ini bermanfaatuntuk anda.

No comments:

Post a Comment