- Menu Dropdown Open Window. yaitu apabila di klik link pada menu tersebut akan membuka tab baru. atau window baru jika pada internet explorer.
- Menu Dropdown Open Location. yaitu apabila di klik link pada menu tersebut tidak akan membuka tab/window baru melainkan berada dalam tempat(tab/window) yang sama. biasanya ini digunakan untu mengisi link tersebut dengan link posting/artikel pada blog sendiri.
Cara Membuatnya sangat mudah seperti menambah gadget pada blog :
- Login ke Blogger
- Kemudian klik Tata Letak dan Elemen Halaman
- Ketika sudah berada di Elemen Halaman klik Tambah Gadget
- Lalu pilih HTML/JavaScript
- Langkah selanjutnya masukkan kode dropdown menu :
1. Kode Menu Dropdown Open Window :
<center><select onchange= "javascript:window.open(this.options[this.selectedIndex].value;">
<option value="0" selected="selected">- My Favorite Links -</option>
<option value="http://www.blogger.com/"> Blogger.com </option>
<option value="http://www.google.com/"> Google.com </option>
<option value="http://www.gmail.com/"> GMail (google mail) </option>
<option value="http://www.yahoo.com/"> Yahoo! </option>
<option value="http://www.mail.yahoo.com/"> Yahoo Mail </option>
<option value="http://www.facebook.com/"> FaceBook.com </option>
<option value="http://www.4shared.com/network/search.jsp"> 4Shared.com</option>
</select></center>Hasilnya seperti :
2. Kode Menu Dropdown Open Location :
<center><select onchange= "document.location.href=this.options[this.selectedIndex].value;">
<option value="0" selected="selected">- My Favorite Links -</option>
<option value="http://www.blogger.com/"> Blogger.com </option>
<option value="http://www.google.com/"> Google.com </option>
<option value="http://www.gmail.com/"> GMail (google mail) </option>
<option value="http://www.yahoo.com/"> Yahoo! </option>
<option value="http://www.mail.yahoo.com/"> Yahoo Mail </option>
<option value="http://www.facebook.com/"> FaceBook.com </option>
<option value="http://www.4shared.com/network/search.jsp"> 4Shared.com</option>
</select></center>Maka Hasilnya seperti :
Gantilah tulisan yang berwarna biru dengan link yang diinginkan.
Adapun tulisan yang berwarna merah adalah tulisan/nama dari link yang berwarna biru tersebut.
Ket : Kode <center> dan berakhiran </center> adalah agar dimaksudkan berada di posisi tengah pada menu atau sidebar tempat kita menaruh dropdown menu ini.
Kembali ke Beranda Blog Trik Tips Tutorial
Semoga Bermanfaat..
Note : Untuk memposting ulang artikel dengan hormat harap menyertakan link sumber.. Terima Kasih.. Apabila ada kekeliruan, masukan, tambahan ataupun masalah pada artikel ini.. hub : [ Kontak Admin ]
Baca Juga Dibawah ini :
4 komentar:
kerens...jadi keren dech blog gue bis bc tutorialnya...www.myone1way.blogspot.com
makacih banget infonya
Liat bloggku ya.... makasih atas bantuannya
Halo kang Ade ^^ numpang liwat .. mantep tips nya
Poskan Komentar