08 September, 2009

Membuat Menu Dropdown

Ada yang tau apa itu Menu Dropdown?

Aku sudah tebak pasti ada yang tahu entah itu 100 orang atau 1 orang yang penting kan ada. Aku menulis posting ini untuk coba coba apa aku bisa membuat tutorial blog gitu loh ceritanya. Jangan ditertawakan, Ya butuh latihan teruslah untuk memposting. Nah tanpa basa-basi menu dropdown itu seperti ini loh...kawan-kawan
Ni aku kasih tahu contohnya:




Gimana? Mau mencobanya?
Gini nih caranya :
Login ke blogger, trus masuk ke menu "Page Element" trus pilih Add page elements --> HTML/JavaScript. Kemudian masukkan script berikut ini di kocat "Content"


<select onchange="document.location.href=this.options
[this.selectedIndex].value;">
<option value="0" selected>Arsip Blog</option>
<option value="Links 1">Text 1</option>
<option value="Links 2">Text 2</option>
</select>


Text yang berwarna merah adalah link. ganti text2 tersebut dengan link2 kamu.
Text yang berwarna biru adalah tulisan yang ditampilkan. Itu juga harus km ganti.


untuk menambahkan menu lagi, tambahkan kode seperti ini :


<option value="Links 2">Text 2</option>



Link dalam dropdown menu di atas jika di klik akan membuka link di halaman yang sama. Ini cocok untuk Arsip dan link-link yang masih berhubungan dengan blog tsb.

Ada satu tipe lagi yang jika diklik linknya maka akan membuka window baru tanpa menutup blog kamu. Yang ini cocok untu Blogroll atau Friend link.
Cara mambuatnya seperti diatas tapi ganti kode berikut



<select onChange="document.location.href=this.options
[this.selectedIndex].val




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


Gimana bisa gak tuh menu?
sumber : trik-tips

Comments :

0 komentar to “Membuat Menu Dropdown”


Post a Comment

Silahkan kasih komentar yang baik, dan bisa membangun blog ini.