Cara Memasang Widget Tombol Warna Di Blog

Cara Memasang Widget Tombol Warna Di Blog - Seperti kita ketahui warna background sangat penting untuk kenyamanan pengunjung. Dengan menggunakan Widget Tombol Warna pengunjung bisa mengubah background blog kita dengan sesuka hati. 

Gambar:

Kita langsung saja ke Cara Memasang Widget Tombol Warna Di Blog.

Berikut langkah-langkahnya:

1. Silahkan Login di Blogger dulu

2. Pilih Tata Letak ---> Tambah Gadget ---> HTML/JavaScript

3. Copy paste kode di bawah ini pada HTML/JavaScript.

<center>

<script type="text/javascript">

function bgChange(bg)

{

document.body.style.background=bg;

}

</script>

Silahkan Pilih Background Warna Kesukaan Anda :

<table border="1" width="50" height="20">

<tr> 

<td onclick="bgChange('#000000')" bgcolor="#000000">

</td>

<td onclick="bgChange('#F0E68C')" bgcolor="#F0E68C">

</td>

<td onclick="bgChange('#E0FFFF')" bgcolor="#E0FFFF">

</td>

<td onclick="bgChange('#98FB98')" bgcolor="#98FB98">

</td>

<td onclick="bgChange('#B0E0E6')" bgcolor="#B0E0E6">

</td>

<td onclick="bgChange('#87CEFA')" bgcolor="#87CEFA">

</td>

<td onclick="bgChange('#FFDAB9')" bgcolor="#FFDAB9">

</td>

<td onclick="bgChange('#FFC0CB')" bgcolor="#FFC0CB">

</td>

<td onclick="bgChange('#E6E6FA')" bgcolor="#E6E6FA">

</td>

<td onclick="bgChange('#D3D3D3')" bgcolor="#D3D3D3">

</td>

<td onclick="bgChange('#FFFFFF')" bgcolor="#FFFFFF">

</td>

</tr></table>

<div class='clear'></div>

</center>

• Tulisan berwarna Merah adalah judul widget, bisa anda ubah sesuka anda.

• Ubah lebar (width) dan tinggi (height) sesuai keinginan anda.

• Tulisan berwarna Hijau adalah kode warna, bisa Anda ubah sesuai keinginan anda. 

4. Lalu simpan dan lihat hasilnya.

Anda telah membaca artikel tentang Cara Memasang Widget Tombol Warna Di Blog di blog Online Education and Tranning Jika artikel ini bermanfaat silakan bookmark halaman ini diwebbroswer anda, dengan menekan Ctrl + D pada keyboard anda.

Artikel terbaru :

Suka artikel ini? Bagikan :

FacebookGoogle+