Dropdown Background Image Changer

Posted by : Arvin ディーン Sabtu, 01 Oktober 2011

Udah capek ah,, bikin penasaran sobat blogger sekalian.

Dah lama banget ya aku bikin janji manis, tapi baru kali ini bisa posting.Kali ini Saya akan mengajarkan bagaimana caranya membuat Script untuk mengubah background dengan gambar. Contohnya, liat aja di sidebar blog ini seblah kanan atas.

Nih demonya:

Kalau Bosen...
Ganti Aja Backgrounya..

Kalau Bosen...

Ganti Aja Backgrounya..

<div style="text-align: center;">
Kalau Bosen... ?<br/>Ganti Aja Backgrounya…. !<br/>
<select onchange="DADchangebgi(this.value);" name="DADcbgc" title="Change Background Image" width="250" height="35">
<option value="url(MASUKKAN URL GAMBAR DISINI) repeat center center fixed">Nama background 1</option>
<option value="url(MASUKKAN URL GAMBAR DISINI) repeat center center fixed">Nama background 2</option>
<option value="url(MASUKKAN URL GAMBAR DISINI) repeat center center fixed">Nama background 3</option>
<option value="url(MASUKKAN URL GAMBAR DISINI) repeat center center fixed">Nama background 4</option>
<option value="url(MASUKKAN URL GAMBAR DISINI) repeat center center fixed">Nama background 5</option>
</select>
<SCRIPT src="http://dekanmaru.googlecode.com/files/DekanMaru%20Dropdown.txt" type="text/javascript"></SCRIPT>

Trus, kamu ganti yang berwarna MERAH diatas dengan URL Gambar kamu sendiri,
ganti warna BIRU dengan nama gambarnya.

Kalau jumlah background masih kurang, kamu tambahin kode dibawah ini: