Cara Memasang Tombol Pengganti Warna Background Di Blog

Kegunaan tombol pengganti warna background ini adalah untuk mempercantik/mendesain blog, fungsinya adalah apabila pengunjung bosan dengan backgrond blog kita,mereka dapat mengubahnya sendiri dengan adanya tombol ini di blog sobat.
Memasang Tombol Pengganti Warna Background Di Blog bisa di bilang sangat mudah banget pemasangannya, dan kita tidak perlu merubah atau menambahkan kode script di dalam HTML Template kita.
Kita juga tidak perlu takut bila warna background blog yang asli akan hilang.

Silahkan ikuti langkah-langkah berikut ya !

1.Masuk Ke blogger sobat.
2.Pada tab menu klick Rancangan  ➮ Lalu Klick tambah gadget(di mana sobat ingin menambahkan tombol pengganti background ini).
3.Pilih HTML/Java Script ➮ lalu copy-paste kode berikut kedalamnya:

<script type="text/javascript">

function bgChange(bg)
{
document.body.style.background=bg;
}
</script><table width="100%" height="25px">
<tbody><tr>
<td onclick="bgChange('#2e0000')" bgcolor="#2e0000">
</td>
<td onclick="bgChange('#570000')" bgcolor="#570000">
</td>
<td onclick="bgChange('#141543')" bgcolor="#141543">
</td>
<td onclick="bgChange('#434351')" bgcolor="#434351">
</td>
<td onclick="bgChange('#154511')" bgcolor="#154511">
</td>
<td onclick="bgChange('#6aa366')" bgcolor="#6aa366">
</td>
<td onclick="bgChange('#423215')" bgcolor="#423215">
</td>
<td onclick="bgChange('#88672b')" bgcolor="#88672b">
</td>
<td onclick="bgChange('#0b0da8')" bgcolor="#0b0da8">
</td>
<td onclick="bgChange('#6f70d3')" bgcolor="#6f70d3">
</td>
<td onclick="bgChange('#8612a1')" bgcolor="#8612a1">
</td>
<td onclick="bgChange('#12a19a')" bgcolor="#12a19a">
</td>
<td onclick="bgChange('#0c6e69')" bgcolor="#0c6e69">
</td>
</tr>
</tbody></table>

4.Klick Simpan.

Keterangan:
a.Perhatika teks warna biru.
b.kedua kode warna tersebut harus sama di setiap barisnya agar tombol  dan warna yang akan muncul sama warnaya.
c.sobat dapat mengganti kode warna di atas sesuai dengan selera sobat jika sobat kesulitan mencari kode warna sobat dapat lihat di: Kode Warna - Kode Warna V2 dan Kode Warna V3.
d.sobat dapat menambahkan lagi Tombol Pengganti Warna Background (jika berminat) dengan cara:

</td>
<td onclick="bgChange('Kode Warna')" bgcolor="#Kode Warna">

Keterangan:
Ganti teks warna merah dengan kode warna.

Okelah kalo begitu, sekian dulu untuk postingan/articles kali ini semoga bermanfaat!!!

sumber