Cara Membuat Dropdown Menu dengan Tombol di Blog

            Dulu saya sudah pernah menjelaskan tentang cara membuat dropdown menu.Tetapi cara yang saya ajarkan itu dropdown menu standar.Nah, kali ini saya akan menjelaskan anda untuk membuat dropdown menu dengan tombol.Hasil akhirnya seperti ini:



          

Menu1 Menu2 Menu3   


            Ok, langsung saja berikut langkahnya:

1.Buka akun Blogger anda.

2.Buka Tab Rancangan.

3.Klik Tambah Gadget.

4.Klik HTML/JavaScript.  

5.Copy kode berikut:

<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>

.Paste kode diatas di kolom konten.

     7.Anda dapat mengganti tulisan yang berwarna merah dari kode diatas dengan URL yang anda inginkan.

     8.Anda juga dapat mengganti tulisan yang berwarna hitam dengan tulisan yang anda mau.

        (Contohnya alamat URL anda menuju ke artikel yang bertema "Cara Memasak Telur" maka anda ganti

        tulisan yang berwarna hitam dengan tulisan "Cara Memasak Telur").

     9.Anda juga dapat mengganti tulisan yang berwarna biru dengan tulisan apa saja yang anda mau.Seperti  GO dan lain-lain

     10.Jika sudah klik simpan.

        TIPS:Cara yang saya jelaskan diatas hanya berisikan tiga menu dalam dropdown menu.Jika anda ingin menambahkan menu lagi, tambahkan kode berikut:

                

            <option value="http://alamat-url3.com">Menu3</option>

Paste kode tersebut, diatas kode </select>, lalu klik simpan.