Finance Health and Fitness Real Estate Cars and Sexy girls ALL SPORTS Trendy_Fashion_Style Fashion Style Law Legal picture cards and dolls doll Barby Wallpaper design artists All artists of the world Sosial Media Network Travel Packages Hollywood sexy and Wallpaper All artist through life entanglements Quarter life connection Site Blogger Birthday cards Children's Education About Beauty Commercial Loans Womens Interests Quotes Love Fashion Trendy Style New Hair Style Download Free Games Girls and Car Fashion love quotes hollywood bollywood actress articles about health herbal Fashion Site Women Management Arts and Entertainment red carpet studios wallpaper sports images love and i miss you Hollywood All Actress Cheap Wedding Dresses dowload game online ALL WALLPAPER RECIPES Home Improvement Marketing Company Web Design and Development Business Shopping Online Prostyle Music Individuals With Bad Credit Stop Thinning Hair With Provillus Home The Doll Fashion Style Shirt HOLLYWOOD ACTRESS AND WALLPAPER lonely pictures FASHION TOP STYLES supermassive black hole simulator game Fast Bad Credit Loans Real Estate High Quality Production Music Business Property Management Apartments Living Without Money Interior Design and Decorating Hot Girls Photoshoot Fashion & Hair style Funny cute love quotes for your boyfriend Hollywood & Bollywood Artist Fashion Style ALL WALLPAPER Insurance Fashion Star Travel International Health and Fitness Recreation and Sports Home and Family Auto Cars Apartment Luxury Acupuncture Luxury Real Estate Lifestyle Automotive Travel and Leisure Home Improvement example image of underwear Quotes hollywood actress Secret Hill Mosaics Modern City Planning Natural Herbal Treatment Photoshop Wallpaper interest Tax Benefits For Education Computers and Technology Trend Fashions COSPLAY Bollywood All Artists Hollywood All Artists BABY DOLL CUTE in search of global solidarity hollywood Katrina Kaif Celebrity Tidings fashion underwear Gambling Online photos posing sexy body painting Beautiful-bodied Celebrity & wallpapers Planning a Wedding Cars and Girls Business Auto Car Loans and Insurance Design Wallpaper and Game Indonesia and the natural beauty of her beauty secre HairStyles Traveller and Hotel Substance Abuse prevent premature ejaculation Auto Repair Advice Guide Technology Supports Auto Car Music Dangdut Koplo Hot Business Ideas Plan Financial Payday Loans Quotes in Love Sports Media Society Just Education Payday Loans Essay Writing Business Technology cronthemarket thecoloradocompoundpersonal Free Legal Advice to Law Questions Crap, I'm A Lesbian Creepy Pics Tattoo Desings Quotes in Love Music Dangdut Koplo Hot Business Ideas Plan online social networking service Home Security Micro Technology

Cara Membuat Menu DropDown

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