Wednesday, November 23, 2011

Widget untuk Mengganti Warna Background secara Otomatis

Menggunakan kombinasi warna yang tepat agar tampilan blog menjadi lebih menarik dan elegan bisa menjadi alternatif bagi yang suka utak utik template.
Penggunaan kode warna sudah merupakan bagian yang tak terpisahkan bagi para blogger untuk membuat tampilan yang sesuai antara background, border, dan warna huruf.
Untuk menambah variasi dan mengurangi kejenuhan dengan penggunaan warna yang sama maka widget untuk mengganti background secara otomatis ini bisa menjadi pilihan yang tepat.

Untuk lebih lengkapnya ikuti langkah berikut.

  • Login ke akun Blogger kamu.
  • Dari halaman dashboard
  • Pilih tab Elemen Halaman ( Page Element ).
  • Klik pada bagian Tambah Gadget dan pilih HTML/JavaScript.
  • Copykan script berikut dan letakkan pada kotak Content yang tersedia :

<script type="text/javascript">
function bgChange(bg)
{
document.body.style.background=bg;
}
</script>
<table width="100%">
<tr>
<td onclick="bgChange('')" bgcolor="DarkOrange">&nbsp;</td>
<td onclick="bgChange('DimGray')" bgcolor="DimGray">&nbsp;</td>
<td onclick="bgChange('Maroon')" bgcolor="Maroon">&nbsp;</td>
<td onclick="bgChange('MidnightBlue')" bgcolor="MidnightBlue">&nbsp;</td>
<td onclick="bgChange('DarkGreen')" bgcolor="DarkGreen">&nbsp;</td>
<td onclick="bgChange('DarkSlateBlue')" bgcolor="DarkSlateBlue">&nbsp;</td>
</tr>
</table>

<span style="float:right;font-size:10px;color:SeaGreen;">background Change</span>


Keterangan :
  • Warna Merah ; warna petunjuk untuk kembali ke warna background default (asli), silakan diganti dengan warna lain sesuai template ( hanya sebagai tampilan kembali ke warna asli ).
  • Warna Kuning ; warna background yang diinginkan, pada saat di klik warna background akan berubah sesuai jenis warna yang telah ditentukan. ( ubah sesuai kebutuhan, untuk kode warna bisa dilihat disini "Menggunakan Kode warna dalam blogging"
  • Warna Aqua ; keterangan widget, ganti sesuai kebutuhan.

Selamat mencoba...!

No comments:

Post a Comment