Cara Membuat DropDown Background Changer

  Halo Sahabat Blogger kali ini saya akan membahas tentang cara membuat DropDown background changer, apa itu dropdown background changer???

DropDown Backgoround Changer adalah dropdown yang berisi warna2 untuk mengubah backgound blog kita
atau apalah itu namanya ya dah langsung contohnya aja

-----Cerah-----
Transparent


--Agak Pudar--
Transparent


-Terlalu Pudar-
Transparent


ya udah langsung aja ke kodenya
caranya gampang kok
-login ke blogger
-masuk rancangan
-tata letak
-tambah gadget
-HTML/JavaScript

isi dengan ini

Style CERAH

<span class="DADcopas"><select height="30" name="DADcbgc" onchange="document.body.style.background = this.value;this.style.background = this.value;" title="Change Background Color" width="150"> <option style="background: none repeat scroll 0% 0% rgb(255, 255, 255);" value="#FFFFFF"></option> <option style="background: none repeat scroll 0% 0% rgb(255, 0, 0);" value="#FF0000"></option> <option style="background: none repeat scroll 0% 0% rgb(255, 170, 0);" value="#FFAA00"></option> <option style="background: none repeat scroll 0% 0% rgb(255, 255, 0);" value="#FFFF00"></option> <option style="background: none repeat scroll 0% 0% rgb(0, 255, 0);" value="#00FF00"></option> <option style="background: none repeat scroll 0% 0% rgb(0, 255, 255);" value="#00FFFF"></option> <option style="background: none repeat scroll 0% 0% rgb(0, 0, 255);" value="#0000FF"></option> <option style="background: none repeat scroll 0% 0% rgb(128, 0, 128);" value="#800080"></option> <option style="background: none repeat scroll 0% 0% rgb(255, 0, 255);" value="#FF00FF"></option> <option style="background: none repeat scroll 0% 0% rgb(0, 0, 0);" value="#000000"></option> <option style="background: none repeat scroll 0% 0% transparent;" value="transparent">Transparent</option> </select><br /> <br /> <script src="http://www.fileden.com/files/2009/11/17/2654961/My%20Documents/DADbgchanger.txt" type="text/javascript"> </script></span>

Style Agak pudar

<select height="30" name="DADcbgc" onchange="document.body.style.background = this.value;this.style.background = this.value;" title="Change Background Color" width="150"> <option style="background: none repeat scroll 0% 0% rgb(255, 255, 255);" value="#FFFFFF"></option> <option style="background: none repeat scroll 0% 0% rgb(234, 153, 153);" value="#EA9999"></option> <option style="background: none repeat scroll 0% 0% rgb(249, 203, 156);" value="#F9CB9C"></option> <option style="background: none repeat scroll 0% 0% rgb(255, 229, 153);" value="#FFE599"></option> <option style="background: none repeat scroll 0% 0% rgb(182, 215, 168);" value="#B6D7A8"></option> <option style="background: none repeat scroll 0% 0% rgb(162, 196, 201);" value="#A2C4C9"></option> <option style="background: none repeat scroll 0% 0% rgb(159, 197, 232);" value="#9FC5E8"></option> <option style="background: none repeat scroll 0% 0% rgb(180, 167, 214);" value="#B4A7D6"></option> <option style="background: none repeat scroll 0% 0% rgb(213, 166, 189);" value="#D5A6BD"></option> <option style="background: none repeat scroll 0% 0% rgb(153, 153, 153);" value="#999999"></option> <option style="background: none repeat scroll 0% 0% transparent;" value="transparent">Transparent</option> </select><br /> <br /> <script src="http://www.fileden.com/files/2009/11/17/2654961/My%20Documents/DADbgchanger.txt" type="text/javascript"> </script>

Style Terlalu pudar

<select height="30" name="DADcbgc" onchange="document.body.style.background = this.value;this.style.background = this.value;" title="Change Background Color" width="150"> <option style="background: none repeat scroll 0% 0% rgb(255, 255, 255);" value="#FFFFFF"></option> <option style="background: none repeat scroll 0% 0% rgb(244, 204, 204);" value="#F4CCCC"></option> <option style="background: none repeat scroll 0% 0% rgb(252, 229, 205);" value="#FCE5CD"></option> <option style="background: none repeat scroll 0% 0% rgb(255, 242, 204);" value="#FFF2CC"></option> <option style="background: none repeat scroll 0% 0% rgb(217, 234, 211);" value="#D9EAD3"></option> <option style="background: none repeat scroll 0% 0% rgb(208, 224, 227);" value="#D0E0E3"></option> <option style="background: none repeat scroll 0% 0% rgb(207, 226, 243);" value="#CFE2F3"></option> <option style="background: none repeat scroll 0% 0% rgb(217, 210, 233);" value="#D9D2E9"></option> <option style="background: none repeat scroll 0% 0% rgb(234, 209, 220);" value="#EAD1DC"></option> <option style="background: none repeat scroll 0% 0% rgb(204, 204, 204);" value="#CCCCCC"></option> <option style="background: none repeat scroll 0% 0% transparent;" value="transparent">Transparent</option> </select><br /> <br /> <script src="http://www.fileden.com/files/2009/11/17/2654961/My%20Documents/DADbgchanger.txt" type="text/javascript"> </script> 

Gimana gampangkan ^_^ ( mudah dan simpel )

Credit : Dickelodeon

Tips n Trick, Trick blog