Cara Mengganti Background Blog Otomatis

Cara Mengganti Background Blog Otomatis | Hai Sob! Sedikit berbagi kali ini akan membahas cara Mengganti background blog otomatis.

Banyak sekali cara untuk mempercantik tampilan blog,salah satu untuk mempercantik blog kita yaitu Mengganti background . Untuk merubah background secara otomatis  kita  menggunakan Sebuah Widget yang  kita pasang diblog. Jadi widget ini gunanya agar pengunjung blog kita bisa memilih warna background sesuai seleranya, biar gak bosen gitu sob maksudnya. :D

Ini sob Screenshot widgetnya :

Ok langsung saja sob,,ikuti langkah-langkah berikut:

⇰ Seperti biasa Login Ke akun Blogger sobat.

⇰ Pilih Rancangan

⇰ Edit Laman

⇰ Tambah Gadget

⇰ Pilih HTML/JavaScript

⇰ Lalu masukan script dibawah ini

<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>

<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>

⍰ Keterangan:

 ⇰ yang berwarna biru itu code warna sob,,sobat bisa ganti sesuai keinginan sobat.

Ok sob sekian dulu sedikit berbagi dari saya,, semoga bermanfaat dan selamat mencoba.. :D