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

Catat Ulasan

19 Comments:

Suara Kalbu berkata...
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 berkata...
Teknik Buat Blog

@Suara Kalbuterima kasih kerana sudi follow blog ini.

MHps berkata...
Teknik Buat Blog

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

Joni-Joni-Joni berkata...
Teknik Buat Blog

thankz infonya...:)

NICK IRFAN berkata...
Teknik Buat Blog

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

MasaDahTime berkata...
Teknik Buat Blog

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

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

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

Bintang berkata...
Teknik Buat Blog

hhmmmm..jadi pengen ngotak ngatik blog lagi nehhh aku

nickname: J berkata...
Teknik Buat Blog

menarik..

Miss Q berkata...
Teknik Buat Blog

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

yahaya berkata...
Teknik Buat Blog

@Miss Qinshallah,saya masukan dalam entri akan datang

Ezao' Edogawa berkata...
Teknik Buat Blog

wahh thanks ye!

Ir-Shah berkata...
Teknik Buat Blog

nice info..peace

Tanpa Nama berkata...
Teknik Buat Blog

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

Aquarium fish berkata...
Teknik Buat Blog

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

chahmie berkata...
Teknik Buat Blog

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

hpmurah2u berkata...
Teknik Buat Blog

terbaikk

yahaya berkata...
Teknik Buat Blog

@hpmurah2uterima kasih

edublog berkata...
Teknik Buat Blog

TERIMAKASIH, konten anda sangat bermanfaat !