Senin, 21 Januari 2013

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.
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.
  • h HTML/JavaScript.Pili
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%" 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>
  • Klik tombol Simpan. 
  • Keterangan :

Tidak ada komentar:

Posting Komentar

About

Blogger templates

Blogger news

Blogroll