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

  • CARA MEMBUAT FORM CONTACT US YANG MENGIRIM KE EMAILSalah satu cara agar pengunjung dapat mengirim email untuk memberitahkan rekannya tentang keberadaan Website anda. 11.1. Membuat Form untuk kirim Email<html> <body> <h1> Membuat Form untuk kirim Email</… Read More
  • 20 ALASAN MEMBELI DOMAINMemiliki nama domain sendiri tidak lagi menjadi barang mewah. Hal ini telah menjadi kebutuhan para blogger karena ngeblog telah sangat meluas dan bisa dimonetasi (diuangkan). Biaya penyewaan nama domain pun telah menjadi sang… Read More
  • MEMASANG HITS COUNTER (1)Memasang Hits Counter dari EasyTrafficCounter.Com Apa anda masih ingat artikel saya tentang membuat widget feedcounter, sebuah layanan dari feedburner berupa hits counter. Dengan memasang hits counter pada blog anda dapat … Read More
  • CARA MEMBUAT KOLOM BERLANGGANAN EMAIL DI BLOGSPOTDengan menggunakan fasilitas Email Subscriptions dari FeedBurner, anda dapat men-share artikel dari blog anda kepada orang lain via email. Sehingga setiap ada artikel atau posting baru akan dikirimkan pada mereka yang sud… Read More
  • CARA MEMBUAT BANNER LINK EXCHANGE DI BLOGSalah satu cara untuk meningkatkan traffic pengunjung blog adalah dengan bertukar link. Ada 2 tipe link yang biasanya digunakan oleh para blogger, yaitu text link dan banner link. Text link berupa text yang mewakili nama b… Read More

BTemplates.com

Categories

Kamera CCTV Palembang

Popular Posts

Blog Archive