DropDown Background Changer

Huh, sial... Dark Ard sudah lama nulis postingan ini, belom sempet aku masukin di blogger. Cuman aku save dalam format HTML di flashdisk. Dan Lab sekolahan sialan itu telah menyebarkan virus kepadaku sehingga aku harus menulis ulang tutorial ini. Ini dia... DropDown Background Color Changer. Alias pengubah warna background dengan menggunakan DropDown.

Kebanyakan yang nanya ke Dark Ard tuh cara tentang mengubah background gambar dengan dropdown, bukan background warna. Yah, sabar donk. Itu ntar aja aku kasih tahu. Hehe...


Contohnya seperti ini:

Style 1
(Default)
Style 2
(Agak Pudar)
Style 3
(Terlalu Pudar)

Untuk memasang widget tersebut, kamu copy aja kode dibawah ini:

Style 1

<select onchange="DADchangebgc(this.value);" name="DADcbgc" title="Change Background Color" width="150" height="30">
<option value="#FFFFFF" style="background:#FFFFFF;"></option>
<option value="#FF0000" style="background:#FF0000;"></option>
<option value="#FFAA00" style="background:#FFAA00;"></option>
<option value="#FFFF00" style="background:#FFFF00;"></option>
<option value="#00FF00" style="background:#00FF00;"></option>
<option value="#00FFFF" style="background:#00FFFF;"></option>
<option value="#0000FF" style="background:#0000FF;"></option>
<option value="#800080" style="background:#800080;"></option>
<option value="#FF00FF" style="background:#FF00FF;"></option>
<option value="#000000" style="background:#000000;"></option>
<option value="transparent" style="background:transparent;">Transparent</option>
</select><BR/>
<script src="http://darkard.jw.lt/linker/dmbgclrchg" type="text/javascript"></script>


Style 2

<select onchange="DADchangebgc(this.value);" name="DADcbgc" title="Change Background Color" width="150" height="30">
<option value="#FFFFFF" style="background:#FFFFFF;"></option>
<option value="#EA9999" style="background:#EA9999;"></option>
<option value="#F9CB9C" style="background:#F9CB9C;"></option>
<option value="#FFE599" style="background:#FFE599;"></option>
<option value="#B6D7A8" style="background:#B6D7A8;"></option>
<option value="#A2C4C9" style="background:#A2C4C9;"></option>
<option value="#9FC5E8" style="background:#9FC5E8;"></option>
<option value="#B4A7D6" style="background:#B4A7D6;"></option>
<option value="#D5A6BD" style="background:#D5A6BD;"></option>
<option value="#999999" style="background:#999999;"></option>
<option value="transparent" style="background:transparent;">Transparent</option>
</select><BR/>
<script src="http://darkard.jw.lt/linker/dmbgclrchg" type="text/javascript"></script>


Style 3

<select onchange="DADchangebgc(this.value);" name="DADcbgc" title="Change Background Color" width="150" height="30">
<option value="#FFFFFF" style="background:#FFFFFF;"></option>
<option value="#F4CCCC" style="background:#F4CCCC;"></option>
<option value="#FCE5CD" style="background:#FCE5CD;"></option>
<option value="#FFF2CC" style="background:#FFF2CC;"></option>
<option value="#D9EAD3" style="background:#D9EAD3;"></option>
<option value="#D0E0E3" style="background:#D0E0E3;"></option>
<option value="#CFE2F3" style="background:#CFE2F3;"></option>
<option value="#D9D2E9" style="background:#D9D2E9;"></option>
<option value="#EAD1DC" style="background:#EAD1DC;"></option>
<option value="#CCCCCC" style="background:#CCCCCC;"></option>
<option value="transparent" style="background:transparent;">Transparent</option>
</select><BR/>
<script src="http://darkard.jw.lt/linker/dmbgclrchg" type="text/javascript"></script>

Okeh, segini aja. Selamat mencoba.



Comments

12 comments:

  1. weeeeehh Pertamax gan..:g:

    gan,klo pke gambar caranya gimana,kode apa yg harus ane ubah..???

    klo gak keberatan jawabannya di blog ane iaa gan..
    http://joesetapart.blogspot.com

    ReplyDelete
  2. mantappp ni blogg gan,,,,

    :a: .........

    ReplyDelete
  3. gan kalau pake gambar gmana?
    minta codingya donk??

    ReplyDelete
  4. :b: Seni adalah sesuatu yang bermanfaat bagi kehidupan manusia...

    ReplyDelete
  5. mudah mudahan makin banyak orang indonesia yang menjadi seperti darkards, untuk memajukan indonesia :f:
    ...

    ReplyDelete
  6. kakaaaaa..kalo cara nonaktifinnya gimana? aku mau pake yang dropdown background changer

    ReplyDelete
Related posts
Guestbook
Author


© 2008 - 2016 DickeyMaru
Blogger Template Win 8 design by Dark Ard from DeezClan | All rights reversed.
  • Post
  • Comments
  • Related
  • Guestbook
  • Author
  • Other