Cara membuat tombol background

Pada kesempatan kali ini aku ingin membagikan bagaimana cara tombol warna atau background di blogger. sobat bisa lihat pada blog ini bagian atas yang ada kode warna dan silahkan klik pada warna tersebut maka background di blog ini akan otomatis berganti warna. seperti itulah tutorialku kali.

Tutorial ini sangat simple sekali kita hanya menaruh kode javascript pada widget kita dan akan muncul di sidebar atau header atau juga di footer pokoknya terserah sampean mau di taruh dimana hehehehe. dengan kita memasang tombol background seperti pada blog ini pengunjung blog kita akan leluasa untuk memilih background yang dia suka dan tentunya membuat suasana di blog kita semakin cantik dengan adanya tombol background ini. nah sekarang silahkan ikuti tutorial ini.

1. login ke blogger kalian.
2. silahkan menuju ke tata letak.
3. tambahkan widget yang akan kalian taru kodenya.
4. silahkan klik tambah HTML/Javascript pada widget dan masukkan kode dibawah ini.

<script type="text/javascript">
function bgChange(bg)
{
document.body.style.background=bg;
}
</script>
<table height="20" width="100%" border="1"><tbody><tr>
<td onclick="bgChange('#111111')" bgcolor="#111111">
</td><td onclick="bgChange('#9acd32')" bgcolor="#9ACD32">
</td><td onclick="bgChange('#f5deb3')" bgcolor="#F5DEB3">
</td><td onclick="bgChange('#00ff7f')" bgcolor="#00FF7F">
</td><td onclick="bgChange('#daa520')" bgcolor="#DAA520">
</td><td onclick="bgChange('#afeeee')" bgcolor="#AFEEEE">
</td><td onclick="bgChange('#ffd700')" bgcolor="#FFD700">
</td><td onclick="bgChange('#ff69b4')" bgcolor="#FF69B4">
</td><td onclick="bgChange('#adff2f')" bgcolor="#ADFF2F">
</td><td onclick="bgChange('#cc0000')" bgcolor="#cc0000">
</td>
</tr>
</tbody></table>

pada angka-angka kode warna diatas silahkan ganti dengan warna yang kalian sukai.

5. sekarang sobat bisa simpan dan lihat hasilnya.

sampai disini sobat sudah berhasil membuat tombol warna background. mungkin hanya itu yang bisa saya uraikan tentang cara membuat tombol background di blogspot. sampai ketemu di lain waktu dan di lain tutorial blog.