Cara bikin Menu Dropdown

Gimanasih cara bikin menu Dropdown?

Singkatnya gini!! Eh lupa maap ya? Bagi yang dah tau / yang lom tau, kita liat dulu rupa menu dropdown-nya neh rupa-nya

contoh menu Text 1 Text 2

dah…!!?, dengan menu Dropdown ne kita bisa menyimpan alamat url friends dll atau bisa juga sebagai

daftar isi postingan page kite…,

Oche..kita mulai.. caranya gini..

Pertama: login dulu ke blogger -> layout -> Page Element -> Add page elements -> HTML/JavaScript

Kemudian masukkan script dibawah ini sebagai conten-nya

<select onChange="document.location.href=this.options[this.selectedIndex].value;">

<option value="0" selected>contoh menu</option>
<option value="url 1">Text 1</option>
<option value="url 2">Text 2</option>
</select>

ganti Text yang berwarna merah dengan link anda, dan ganti text berwarna biru dengan judul atau nama dari link anda pokoke terserah andalah namanya, nah.. text yang berwarna biru ini yang akan Nampak di tampilan menu Dropdown-nya..

ini contohnya :

<select onChange="document.location.href=this.options[this.selectedIndex].value;">

<option value="0" selected>Contoh menu</option>
<option value="http://mypage-fdnz.blogspot.com/ ">Mixed Post FDNZ</option>
<option value="http:// contoh-link-anda2.com/xxxx/x/xxxxx.html">text anda2</option>

</select>

hasilnya seperti ini :

Contoh menu Mixed Post FDNZ text anda2
pengen nambah menu? Anda tinggal nambahkan kode saja, seperti :

<option value="url 3">Text 3</option>

Gitupun seterusnya, posisinya tepat sebelum kode </select>

contoh yang diatas adalah contoh yang mana dalam menu dropdown di atas jika di klik akan terbuka link di halaman yang sama. Ini cocok untuk Arsip dan link-link yang masih berhubungan dengan blog anda.

nah contoh yang laen-nya ini bisa untuk alamat/link-link blogroll anda atau url-url kawan(sahabat)anda. Nah yang bikin beda antara contoh yang diatas ame contoh kode yang bawah ini Cuma’…ko’ jadi bingungsih ngejelasinnya.. wah anchur nih fdnz-nya...coly yah..pokoknya “new window”-lah atau halaman baru…

contoh kodenya seperti ini ;

<select onChange="document.location.href=this.options[this.selectedIndex].value;">

<option value="0" selected>New window</option>
<option value="http://contoh-link-anda.com/x/xxxx/xxxxxx.html">text anda</option>
<option value="http:// contoh-link-anda2.com/xxxx/x/xxxxx.html">text anda2</option>

</select>

ganti warna hijau dengan kode ini :

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

Nah kode yang warna biru dan merah sama kayak yang di atas dimana anda harus mengganti alamat atau link anda, dan apa nama link atau alamat anda tersebut…

Tampak dari kode barusan akan seperti ini :

New windowMixed Post FDNZ text anda2

dah…dulu yah semoga membantu dan, selamat berKreasi;