Cara buat Dropdown Menu

Ada berbagai cara yang dilakukan bagi menjimatkan ruangan pada blog.Seperti entri saya sebelum ini ada memuatkan tentang cara membuat tab view menu.Salah satu cara lagi adalah dengan membuat menu secara dropdown. Cara membuat nya amat mudah,berikut adalah cara membuatnya.
dropdown list menu









1. Masuk  ke blogger dan pilih design
2. Pada Page Element--pilih Add a Gadget--HTML/JavaScript

3.seterusnya masukkan kod berikut:


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

<option value="0" selected>Tutorial Blog</option>
<option value="http://alamat_link artikel 1 anda">Tajuk Artikel1</option>
<option value="http://alamat_link artikel 2 anda">Tajuk Artikel 2</option>

</select>
</form>
<br>

Tulisan berwarna oren adalah bahagian yang boleh ditambah bagi link artikel yang hendak dimasukkan pada senarai dropdown menu.
Tulisan berwarna hijau adalah teks yang akan dipaparkan bila menu tidak di klik

Selamat mencuba

Post a Comment

19 Comments:

Suara Kalbu said...
Teknik Buat Blog

Thanks sudi singgah blog ida. Dah lama follow blog u ni utk jadikan panduan. Thanks utk semua ilmu2 dalam blog awak ni . Appreciated

yahaya said...
Teknik Buat Blog

@Suara Kalbuterima kasih kerana sudi follow blog ini.

MHps said...
Teknik Buat Blog

Dah ikut anda juga. Terima kasih, mmg tercari2 cara nak buat page ringkas n padat.

Joni-Joni-Joni said...
Teknik Buat Blog

thankz infonya...:)

NICK IRFAN said...
Teknik Buat Blog

wah! thnkz! byk bnda boleh thu bila dtg blog ni...

MasaDahTime said...
Teknik Buat Blog

senangnya buat dropdown menu. tapi benda senang ni yg org tak tahu

Dhana/戴安娜 said...
Teknik Buat Blog

salam shaabat
wah bagus saya juga pernah pakai oh iya dah saya follow kalo sedia follow balik yach good luck

Bintang said...
Teknik Buat Blog

hhmmmm..jadi pengen ngotak ngatik blog lagi nehhh aku

nickname: J said...
Teknik Buat Blog

menarik..

Miss Q said...
Teknik Buat Blog

baiklah.. ini bagus.. yang bintang-bintang share twitter / fesbuk / yahoo apa bagai tuh.. menariklah.. mana nak dapat?

yahaya said...
Teknik Buat Blog

@Miss Qinshallah,saya masukan dalam entri akan datang

Ezao' Edogawa said...
Teknik Buat Blog

wahh thanks ye!

Ir-Shah said...
Teknik Buat Blog

nice info..peace

Anonymous said...
Teknik Buat Blog

nk tanye.. kalau xnk ltk link.. nk dropdowan menu saje.. camne??

Aquarium fish said...
Teknik Buat Blog

keren nih postingan ma blog nya ..
saya jadi terkesan dengan blog ini mantap

chahmie said...
Teknik Buat Blog

byk artikel anda dpt menolong sy membina blog...semoga murah rezeki..thank

hpmurah2u said...
Teknik Buat Blog

terbaikk

yahaya said...
Teknik Buat Blog

@hpmurah2uterima kasih

edublog said...
Teknik Buat Blog

TERIMAKASIH, konten anda sangat bermanfaat !