Selamat Datang di www.arkusada.blogspot.com terima kasih atas kunjungan anda, semoga blog ini bermanfaat bagi anda

Rabu, 16 Februari 2011

Cara Membuat Menu DropDown

  1. Menu Dropdown Open Window. yaitu apabila di klik link pada menu tersebut akan membuka tab baru. atau window baru jika pada internet explorer.
  2. 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 :

  1. Login ke Blogger
  2. Kemudian klik Tata Letak dan Elemen Halaman
  3. Ketika sudah berada di Elemen Halaman klik Tambah Gadget
  4. Lalu pilih HTML/JavaScript
  5. 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.

Buat para pembaca yang budiman.... saya mohon untuk meng-clik iklan yang tersedia.... semoga tuhan memberkati
bisnis