• Jumat, Oktober 15, 2010
  • Administrator
DropDown Menu atau menu dropdown adalah menu yang berisikan link yang bisa digunakan untuk link yang mengarah ke blog kita maupun ke web lain.
bisa kita gunakan untuk tempat friends list atau kumpulan link teman2, ataupun link dari website/situs yang kita sering kunjungi.

Cara pembuatannya :
  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 seperti contoh dibawah ini :


<form><select name="menu" onchange= "window.open(this.options[this.selectedIndex].value,'_blank')" size=1 name=menu>

<option>- My Friend's Links -</option>

<option value="http://adesyams.blogspot.com/">Ade'S Tricks</option>

<option value="http://id-fans.blogspot.com/">Irvan'S Diary</option>

<option value="http://ikkefransiska.blogspot.com/">Ikke's Blog</option>

<option value="http://gieciencute.blogspot.com/">Blog Icha</option>


</select></form>



Hasilnya akan seperti ini :





Apabila tidak berhasil cobalah kode lain seperti berikut di bawah ini :

Ini adalah kode menu dropdown yang beda dengan yang diatas kode dibawah ini dibagi menjadi 2 :

  • kode menu dropdown apabila di klik tidak membuka halaman/tab baru ( mengganti halamanyang sedang di buka )

contoh :



Cara membuatnya hampir sama tinggal masukkan kode berikut dibawah ini ke dalam HTML/JavaScript.
kode untuk pembuatan menu seperti di atas adalah:

<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.gudanglagu.com/"> GudangLagu.com </option>
<option value="http://www.4shared.com/network/search.jsp"> 4Shared.com </option></select></center>

  • kode menu dropdown yang apabila di klik akan membuka halaman/tab baru ( tidak mengganti halaman yang sedang di buka )

Contoh :



Cara membuatnya hampir sama tinggal masukkan kode berikut dibawah ini ke dalam HTML/JavaScript.
kode untuk pembuatan menu seperti di atas adalah:

<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/"&gt; Yahoo Mail </option>
<option value="http://www.facebook.com/"> FaceBook.com </option>
<option value="http://www.gudanglagu.com/"> GudangLagu.com </option>
<option value="http://www.4shared.com/network/search.jsp"> 4Shared.com </option></select></center>


Gantilah tulisan yang berwarna hijau 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.
dan juga bisa dipakai untuk semua kode html maupun java script.


Related Posts:

  • MEGHILANGKAN TULISAN TAMPILAN ENTRI LAWAS Bila sebuah blog sudah di pasang widget label atau kategori, maka begitu diklik salah satu labelnya maka akan muncul tampilan seperti ini: Itulah pengaturan standar dari blogspot. Tetapi sebagian blogger merasa tergang… Read More
  • CARA SETTING BLOG DI BLOGGERHal pertama yang penting anda lakukan agar blog anda di blogger mempunyai performa yang baik adalah melakukan beberapa Setting atau pengaturan. Sebagai bahan inspirasi bagaimana cara melakukan setting blog di blogger, berikut… Read More
  • NAVBAR BLOGGER TRANSPARANNavbar Blogger Transparan Salah satu yang dirasa sedikit mengganggu dari sebuah tampilan blog diblogspot adalah dengan hadirnya navbar blogger yan berada paling atas pada halaman blog, oleh karenanya banyak dari blogger ya… Read More
  • CARA MEMBUAT BLOG - BLOGSPOTApa Itu Blog ? Blog merupakan sigkatan dari “Web log” adalah salah satu aplikasi web berupa tulisan-tulisan yang umum disebut sebagai posting pada halaman web. Tulisan-tulisan tersebut seringkali diurut dari yang terbaru d… Read More
  • CARA MENGHILANGKAN GARIS BATAS ANTAR POSTINGJika blog anda dibuat dengan blogspot, secara default akan tampil garis batas (border) antar posting. Contohnya dapat dilihat pada gambar di bawah ini: Nah sebagian blogger kadang tidak suka dengan tampilan garis tersebut… Read More

BTemplates.com

Categories

Kamera CCTV Palembang

Popular Posts

Blog Archive