Minggu, 15 Januari 2012

Membuat Menu Dropdown Dengan Tombol Gambar

Menu dropdown sangat menghemat ruang isi blog kita, apalagi blog seperti Layindo Elektrik yang memerlukan ruang isi yang banyak seperti cara servis tv , komponen elektronik dan lainnya, maka dari itu diperlukan adanya menu dropdown seperti ini.
Oke langsung saja kita mulai cara panduan penempatan kode html nya. pertama-tama sign-in dulu di blogger anda, setelah udah masuk di Daasbor blog anda langsung klik Rancangan kemudian klik Tambah Gadget lalu pilih HTML/JavaScript setelah itu masukkan kode script dibawah ini lalu klik simpan.


<form name="jump">
<select name="menu"
onchange="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;" value="GO">
<option value="nama url blog anda">Nama Menu 1</option>
<option value="nama url blog anda">Nama Menu 2</option>
<option value="nama url blog anda">Nama Menu 3</option>
</select> <a href="javascript:jumpMenu()">
<img border="0" src="Link-Gambar" /></a>
</form>


Catatan : tulisan yang saya beri huruf tebal ( nama url blog anda ) ganti dengan nama url blog anda
tulisan yang saya beri huruf tebal ( Nama Menu 123 ) ganti sesuai keinginan menu blog anda
tulisan yang saya beri huruf tebal ( Link Gambar ) ganti dengan url link gambar anda
Nah selesai sudah Selamat Mencoba dan Semoga Berhasil !

Tidak ada komentar:

Posting Komentar