Jumat, 25 Juni 2010

Trik Membuat Menu DropDown

menu dropdown,trik membuat menu dropdown,contoh menu dropdown
Menu DropDown adalah salah satu fasilitas dalam pemrograman untuk memberikan option dengan cara membuat block dengan menu menurun ke bawah saat di tekan. itulah sebabnya di sebut menu DropDown.menu inidulunya hanya terdapat di software-software tetapi sekarang juga dapat di blog agar memudahkan seorang blogger mengkordinasi pilihan pilihan di situsnya agar lebih cantik dan indah di pandang.di menu dropdown ini di bedakan atas sub menu dan block.agar pembaca sekalian lebih cepat mengerti apa dan bagaimana menu dropdown itu silahkan lihat conoth di bawah ini.




untuk membuat menu dropdown seperti contoh di atas tidaklah susah cukup kemampuan mengetik serta sedikit pengetahuan HTML dasar anda sudah bisa membuat menu dropdown di atas bahkan memodifikasinya sesuai selera.tanpa panjang lebar untuk membuat menu di atas silahakn copy script di bawah ini.


<select onChange="document.location.href=this.options[this.selectedIndex].value;">
<option value="0" selected>JUDUL MENU</option>
<option value="alamat link">nama link</option>
<option value="alamat link">nama link</option>
</select>

tulisan "JUDUL MENU" adalah nama di menu dropdown.
tulisan "alamt link" adalah tempat link kawan anda
tulisan "nama link" adalah nama yang banda ingin beri ke teman anda

saya ingin membuat Menu Dropdown dengan judul Menu "Blogroll".maka saya akan mengganti tulisan "JUDUL MENU" dari script di bawah ini menjadi tulisan "Blogroll"

<option value="0" selected>JUDUL MENU</option>

lalu saya ingin mengisikan alamat link salah satu teman saya maka saya akan mengisikan tulisan "alamat link" dengan alamat blog teman saya yaitu WWW.bloghoulic.blogspot.com

<option value="alamat link">nama link</option>

sedangkan nama dari link yang saya tulis akan saya beri nama "BLOG TEMAN".maka saya akan mengganti tulisan "alamat link" dengan nama "BLOG TEMAN"

<option value="alamat link">nama link</option>

PS: untuk menambah daftar sub menu silahkan tambahkan script ini
<option value="alamat link">nama link</option>
lalu di tutup dengan script

</select>

Kegunaan Menu dropdown sebenarnya sangat banyak tergantung kreatifitas sang blogger.tapi umumnya menu ini di buat sebagai daftar isi suatu blog ataupun sebagai daftar link pada pertukaran link sesama blogger untuk meningkatkan pagerank.
jika tujuan anda yang kedua maka saya lebih sarankan menu seperti di bawah ini.karena menu dropdown di atas akan membuka alamt baru di tab yang sama sehingga pengujung blog anda akan lari ke blog lain.dengan menu dropdown di bawah ini.alamat link blog teman anda akan di buka di Tab sehingga anda tidak akan kehilngan pengujung setia blog anda.


Untuk pembuatan Menu Dropdown Daftar link anda hanya perlu mengganti script gari pertama dengan script

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


sehingga hasilnya seperti script di bawah ini

<select onchange="javascript:window.open(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>
jadinya kalau sudah selesai seperti di bawah ini



gampangkan buat menu dropdown,akhir kata Happy Blogging Kids

Baca Juga Yang Ini :

0 komentar:

Posting Komentar

Video Post

 

Free Blog Templates

Powered By Blogger

Easy Blog Trick

Powered By Blogger

Blog Tutorial

Powered By Blogger

Twitter Blog Templates © Copyright by Bloghoulic | Template by BloggerTemplates | Blog Trick at Blog-HowToTricks