17 Juni 2011

Cara Membuat Dropdown Menu

Login ke blogger, trus masuk ke menu "Page Element" trus pilih Add page elements --> HTML/JavaScript. Kemudian masukkan script berikut ini di kocat "Content"

Cara 1 : Link dalam dropdown menu di atas jika di klik akan membuka link di halaman yang sama


<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 :


Cara 2 : Jika diklik linknya maka akan membuka window baru tanpa menutup blog kamu

<select onchange="javascript:window.open(this.options[this.selectedIndex].value);">
<option value="0" selected>Arsip Blog</option>
<option value="http:....."> ----Teks---- </option>
<option value="http:....."> ----Teks---- </option>
<option value="http:....."> ----Teks---- </option>
<option value="http:....."> ----Teks---- </option>
<option value="http:....."> ----Teks---- </option>
<option value="http:....."> ----Teks---- </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 :



Sumber: http://trik-tips.blogspot.com

<=======================================>

track web hits

Terimakasih atas kunjungan Anda:

Member Login

Setiap artikel akan dihantar ke email anda secara otomatis! Masukkan email anda::

<=======================================>

<======= Alghazali Collection =======>
<======= Alghazali Collection =======>