Cara Memasang Tombol Pengganti Warna Background Di Blog

Kali ini  kesempatan Poetra 86 akan membahas tentang 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.coba sobat lihat demo tombol warna berikut!



Demo :

Coba sobat klick warna di atas, maka sobat akan melihat perubahan pada warna background Poetra 86. gimana sobat berminat untuk memasang di blog sobat ? Jika sobat berminat caranya sangat mudah kok, seperti yang saya bilang di atas tadi, silahkan ikuti langkah-langkah berikut y !
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.Lalu 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
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 hijau dengan kode warna.

sekian dulu untuk postingan  kali ini semoga bermanfaat!!!dan jangan lupa tinggalkan jejak !!!