Cara Membuat Menu Drop Down Pada Blogspot

Jumlah posting blog anda pasti lebih dari 20 atau bahkan 100 lebih. Hal itu akan mengakibatkan penempatan daftar archives blog akan menjadi lebih panjang dan bahkan bisa membuat blog anda terlihat semakin panjang dan berat. Tentunya anda posting itu setiap hari atau seminggu sekali dan jumlah posting anda akan bertambah setiap hari dan jika kalau anda posting bertahun - tahun maka daftar posting anda akan seperti kereta api ayang panjang sekali dan terlihat rumit pada blog anda karena penempatan daftar posting yang disesuaikan bulan dan tahun. 

Untuk menghindari hal itu saya akan memebritahu anda salah satu trik untuk mengatasi itu. Dengan Menu Drop Down ini anda dapat meminimalisir penempatan arsip posting anda yang jumlahnya banyak itu. Langsung saja ini caranya :

1. Login ke blog anda dengan ID anda
2. Lalu Masuk ke Tata Letak > Tambah Widget > HTML/JavaScript
3. Lalu copy code script yang kamu inginkan :

Kode Script Menu Drop Down Standard :

Menu1 standard Menu2 standard Menu3 standard

 <form name="jump">
<select name="menu"
onchange="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;" value="GO">
<option value="http://url1.com">Menu1 standard</option>
<option value="http://url2.com">Menu2 standard</option>
<option value="http://url3.com">Menu3 standard</option>
</select>
</form>

Kode Script Menu Drop Down Dengan Tombol Button :

Menu1 standard Menu2 standard Menu3 standard

 <form name="jump">
<select name="menu"
onchange="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;" value="GO">
<option value="http://url1.com">Menu1 standard</option>
<option value="http://url2.com">Menu2 standard</option>
<option value="http://url3.com">Menu3 standard</option>
</select> <input
onclick="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;" type="button" value="Go" />
</form>

Kode Script Menu Drop Down Dengan Gambar :

Menu1 standard Menu2 standard Menu3 standard Gambar

<form name="jump">
<select name="menu"
onchange="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;" value="GO">
<option value="http://url1.com">Menu1 standard</option>
<option value="http://url2.com">Menu2 standard</option>
<option value="http://url3.com">Menu3 standard</option>
</select> <a href="javascript:jumpMenu()">
<img border="0" src="Link-Gambar-anda" /></a>
</form>

     4.  Setelah anda memilih dan paste kode pilihan anda Simpan dan Simpan Template
     5.  Lihat Perubahannya.

Terima Kasih . .