Featured Post (TOP)

14 Maret 2009

Cara Memasang Menu Dropdown

Udah lama gak nulis Akhirnya aku punya lagi nih salah satu trik
mau tau apa........ :t ....?
yaitu trik memasang menu dropdown... hah..??? :o belum tau....? :o
itu tu yang kayak gini



nah udah tau kan....? mau tau cara masang nya.....?
ok deh langsung aja ni caranya :

Login ke blogger, trus masuk ke menu "Page Element" trus pilih Add page elements --> HTML/JavaScript. Kemudian masukkan script berikut ini di kotat "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.

Contohnya seperti ini :


<select onChange="document.location.href=this.options[this.selectedIndex].value;">
<option value="0" selected>Arsip Blog</option>
<option value="http://rassiv123.blogspot.com/2009/03/ada-yang-pingin-buat-menu-horizontal.html"> Cara Membuat Menu Horizontal </option>
<option value="http://rassiv123.blogspot.com/2009/03/cara-memasang-kotak-pencarian-google.html"> Kotak Pencarian Google
</option>
</select>


maka hasilnya akan seperti ini

:


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].value;">

ganti dengan kode ini :

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


hasilnya bisa kamu lihat sendiri

Semoga Sukses ;)

3 Comment:

 

Subscribe to our Newsletter

Contact our Support

Email us: Support@templateism.com

Our Team Memebers