Menu dropdown atau menu pull- down, adalah kumpulan
dari beberapa data yang berupa text atau link yang mempunyai kesamaan
temadan diringkas jadi menu tunggal. Sehingga tampilan judul dalam blog
lebih hemat dan tidak banyak memakan tempat. Menu dropdown juga bisa
mempercantik tampilan blog anda. Jika berminat, ikuti langkah-langkah
berikut:
Berikut adalah kodenya:
<form name="jump">
<select name="menu" onChange="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;" value="GO">
<option value="http://alamat-url1.com">Menu1</option>
<option value="http://alamat-url2.com">Menu2</option>
<option value="http://alamat-url3.com">Menu3</option>
</select>
</form>
<select name="menu" onChange="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;" value="GO">
<option value="http://alamat-url1.com">Menu1</option>
<option value="http://alamat-url2.com">Menu2</option>
<option value="http://alamat-url3.com">Menu3</option>
</select>
</form>
<form name="jump">
<select name="menu">
<option value="http://alamat-url1.com">Menu1</option>
<option value="http://alamat-url2.com">Menu2</option>
<option value="http://alamat-url3.com">Menu3</option>
</select>
<input type="button" onClick="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;" value="OK">
</form>
<select name="menu">
<option value="http://alamat-url1.com">Menu1</option>
<option value="http://alamat-url2.com">Menu2</option>
<option value="http://alamat-url3.com">Menu3</option>
</select>
<input type="button" onClick="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;" value="OK">
</form>
Untuk Warna merah diisi http: dan menu konten anda.
Langkah pertama login ke blogger
Kemudian pilih Rancangan kemudian klik Elemen Laman
Selanjutnya Tambah Gadget lalu klik tambah HTML/JavaScript
Pastekan kode tersebut pada kolom HTML/JavaScript kemudian klik Simpan
Selesai.....
Tidak ada komentar:
Write komentar