Membuat Menu DropDown
Buat teman-teman yang bergelut pada blogger, pasti sangat ingin memiliki tampilan blog yang bagus dengan menu-menu tang lengkap, termasuk menu 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. Untuk membuatnya lakukan cara berikut:
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>
Tulisan "Menu Dropdown" akan muncul sebagai nama menu, seperti halnya contoh tampilan sebelumnya dengan nama menu Tutorial Blogger. Yang tebal silahkan didisi dengan link anda, sedangkan yang miring adalah teks yang merupakan keterangan dari link yang anda pasang. Sedangkan untuk menambah menu, tinggal anda tambahkan kode:
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="javascript:window.open(this.options[this.selectedInd<select onChange=quot;document.location.href=this.options[this.selectedIndex].value;">ex].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>
Selamat mencoba. Semoga berhasil
Posting Komentar