PASANG TOMBOL PENGGANTI BACKGROUND BLOG

Modifikasi background blog secara keseluruhan, umumnya kita lakukan melalui edit HTML. Cara itu hanya menampilkan satu jenis warna sesuai dengan kode warna yang dipilih.
Sebagai alternatif, anda dapat menampilkan background blog dengan berbagai pilihan warna. Pilihan warna tersebut ditampilkan dalam bentuk tombol yang berisi warna-warna yang apabila diklik, background blog anda akan berubah sesuai warna yang dipilh.

Demo :

Coba anda klik salah satu warna diatas untuk melihat perubahan backgroung blog EPG Studio.

Cara memasang pada blog anda :

• Masuk ke Blogger.
• Pilih Rancangan bagian Elemen halaman.
• Klik tambah Gadget pada bagian blog yang ingin anda tampilkan tombol warna.
• Pilih HTML/JavaScript.
• Copy sript dibawah ini dan paste pada kolom yang tersedia.
  
  
  <script type="text/javascript">
function bgChange(bg)
{
document.body.style.background=bg;
}
</script><table width="100%">
<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>
  

• Klik tombol Simpan.
• Keterangan :
• Perhatikan kode warna yang berwarna kuning dan kode warna yang berwarna putih.
• Kedua warna tersebut setiap barisnya harus sama agar warna yang muncul pada tombol jika diklik warna background blog akan sama dengan warna yang diklik tadi.
• Gantilah kode-kode warna diatas dengan warna yang ingin anda tampilkan.

Bagi anda yang merasa kesulitan dengan kode warna, dapat anda kunjungi : KODE WARNA VERSI 3

Posted in: Tutorial