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="Gainsboro">&nbsp;</td>
<td onclick="bgChange('DimGray')" bgcolor="DimGray">&nbsp;</td>
<td onclick="bgChange('Navy')" bgcolor="Navy">&nbsp;</td>
<td onclick="bgChange('Maroon')" bgcolor="Maroon">&nbsp;</td>
<td onclick="bgChange('DarkGreen')" bgcolor="DarkGreen">&nbsp;</td>
<td onclick="bgChange('DodgerBlue')" bgcolor="DodgerBlue">&nbsp;</td>
<td onclick="bgChange('OrangeRed')" bgcolor="OrangeRed">&nbsp;</td>
<td onclick="bgChange('Orange')" bgcolor="Orange">&nbsp;</td>
<td onclick="bgChange('HotPink ')" bgcolor="HotPink ">&nbsp;</td>
<td onclick="bgChange('PeachPuff')" bgcolor="PeachPuff">&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 ( bisa ditambah dan dikurangi ), untuk kode warna bisa dilihat disini "Menggunakan Kode warna dalam blogging"
  • Warna Aqua ; keterangan widget, ganti sesuai kebutuhan.

Selamat mencoba...!

Komentar

  1. wuidih, hebat nih om. ane coba dulu. makasih infonya

    BalasHapus
  2. wah artikel yang bagus , thanks infonya

    BalasHapus
  3. mantap..baru belajar ngeblog..saya coba pakai.

    BalasHapus
  4. thaks nih :D
    salam kenal yaa :)

    BalasHapus
  5. Infonya akan saya coba ah, kebetulan saya punya blog di blogspot.com

    BalasHapus
  6. okeh gan,,boleh di coba nih,,hehehe,,
    tapi saya selalu gaagl kalo urusan mendesain blog kenapa ya? mungkin caranya yang salah,,,
    maaksih buat infonya,,,

    BalasHapus
  7. @Imada22Arcu
    saat yang tepat untuk mulai....!
    thanks...!

    BalasHapus
  8. mantaff banget ki,, kunjungan perdana nie...
    kunjung balik ya..

    BalasHapus
  9. wah sungguh indah ya bila gonta ganti background
    mantab... :)

    BalasHapus
  10. visit back .. ramnitz.blogspot.com :)

    BalasHapus

Posting Komentar

Note :
. Komentar yang mengandung usur pornografi / sara / kekerasan akan dihapus.
. Terima kasih komentarnya...
. Semoga Bermanfaat...

Postingan populer dari blog ini

Simbol ornamen tradisional rumah adat Jawa tengah

Menentukan ukuran Tangga dan Anak Tangga untuk bangunan bertingkat

Mengenal bagian kusen pintu dan jendela kayu

Memahami Mutu Beton fc (Mpa) dan Mutu Beton K (kg/cm2)

Berita terbaru