menu dropdown blogdi by bejooprinter

VIEWS: 4 PAGES: 3

									Anda berada di : Home > Trik dan Tips Blogging > Cara Membuat Menu DropDown

   Cara Membuat Menu DropDown

Mau Dapat $50 - $100/ bulan?
Anda Bisa Menghasilkan $50 - $100/perbulan dan Masuk ke Rek.Paypal Anda
Program Yang Benar2 Membayar
Program Ini tidak memberi iming2 Jadi Orang Kaya, Hanya Sekedar Buat Uang Jajan
Paypal Anda Kosong?
Cocok Bagi Anda Yang Baru Bikin Paypal, Cari Modal Gratis Buat Paypal, DLL
Bosan dengan Program SCAM?
Program Ini Asli Membayar, Lihat Bukti Pembayarannya...
Apa itu menu dropdown? Itu lho teman-teman pasti tahu program office yang bernama
Microsoft Word. Suatu ketika teman-teman ingin menyimpan file teman-teman, maka teman-
teman akan mengklik menu File, dan setelah itu langsung muncul banyak sub menu seperti
Save, save As, dll. Nah menu yang seperti itulah yang dinamakan sebagai menu dropdown.
Bgaimana teman-teman, sudah ada bayangan? kalau belum ada, bisa tuh dilihat contoh tampilan
berikut:



Untuk membuat menu dropdown seperti di atas, kita hanya membutuhkan kode HTML berikut
ini:


<select onChange="document.location.href=this.options[this.selectedIndex].value;">
<option value="0" selected>Menu DropDown</option>
<option value="Link 1">Teks 1</option>
<option value="Link 2">Teks 2</option>
</select>




Tulisan yang berwarna merah akan muncul sebagai nama menu, seperti halnya contoh tampilan
sebelumnya dengan nama menu Tutorial Blogger. Yang biru silahkan didisi dengan link anda,
sedangkan yang hijau adalah teks yang merupakan keterangan dari link yang anda pasang.

Cara memasangnya seperti biasa:

1. Login ke Blogger.
2. Klik Tata letak.

3. Klik Tambah Gadget >> JavaScript/HTML, dan isikan kode berikut:

<select onChange="document.location.href=this.options[this.selectedIndex].value;">
<option value="0" selected>Menu DropDown</option>
<option value="Link 1">Teks 1</option>
<option value="Link 2">Teks 2</option>
</select>




Nb:
Untuk menambah menu, tinggal anda tambahkan kode: <option value="Link 1">Teks
1</option>


4. Simpan hasil kerjaan anda, dan selesai.

Untuk kode yang di atas cocok digunakan untuk link yang masih ada hubungannya dengan
blog anda, dengan kata lain apabila anda mengkliknya maka akan tetap terbuka di tab window
yang sama. Bagi teman-teman yang membutuhkan menu dropdown yang akan digunakan
sebagai blog roll maka akan lebih cocok jika teman-teman menggunakan menu dropdown
dengan tipe open new tab/ window, karena walaupun para pengunjung mengklik link yang
tertera di menu dropdown, para pengunjung tidak akan meninggalkan halaman blog anda. Maka
untuk membuat menu dropdown dengan tipe open new tab/ window, anda cukup mengganti
kode:


<select onChange="document.location.href=this.options[this.selectedIndex].value;">


Dengan kode berikut ini:


<select onchange="javascript:window.open(this.options[this.selectedIndex].value);">


Sehingga susunannya menjadi seperti berikut ini:
<select onchange="javascript:window.open(this.options[this.selectedIndex].value);">
<option value="#" selected>Menu DropDown</option>
<option value="Link 1">Teks 1</option>
<option value="Link 2">Teks 2</option>
</select>




Dan Hasilnya seperti berikut ini. Coba diklik ya...untuk mengetahui perbedaannya:




Bagaimana teman-teman? Gampangkan?




Semoga Bermanfaat []

Tags: Cara membuat menu dropdown, membuat menu dropdown untuk blogger, script
menu dropdown untuk blogspot, cara mudah membuat menu dropdown, membuat menu
melorot ke bawah, kode html menu dropdown

								
To top