Rie_05yan@tutorial web 

MEMBUAT LIST MENU MENGGUNAKAN POP‐UP MENU 
 
 
 
 
                           list menu 
Dalam membuat list menu jangan pergunakan button menu dalam bentuk flash button. 
Gunakan button menu dalam bentuk jpg yang biasanya dibuat di photoshop dalam bentuk 
slice/potongan‐potongan menu.  

LANGKAH‐LANGKAH: 

1. Klik menu yang akan dibuat listnya misalnya dalam kasus ini menu book rent 
2. Tampilkan behavior di jendela window, jika belum tampil klik menu window>ceklis 
behavior. 

3. Lihat jendela window sebelah kanan, akan terlihat tampilan behavior 
 

 
 Rie_05yan@tutorial web 
 

4. Kemudian klik tanda plus         di bawah tulisan behavior 
 
 
 
5. Kemudian akan muncul beberapa pilihan, pilih Pop‐Up Menu 
 
 
 
 
 
 
 
 
 
 
 
 
 
6. Jika muncul dialog seperti di bawah ini klik continue 
 
 
 
 
 

7. Nah inilah tampilan show pop up yang  akan diatur nantinya. Terdapat menu content, 
appearance, advance, position. 
 

   

 
 
 
 Rie_05yan@tutorial web 
 

8. Dalam  menu content, isi text dengan list/daftar menu apa saja akan ada pada menu book rent 
misalnya novel, komik, komputer, psikologi 
Caranya:  
‐ Text : ganti new item dengan mengetik novel 
‐ Menu : klik tanda plus untuk menambah menu dan klik tanda min untuk mengurangi menu 

Jika telah selesai akan tampak seperti dibawah ini : 

 
 

9. Dalam menu appearance atur untuk warna huruf dan kotak listnya 
 

Ukuran                                                                                       perataan huruf 
huruf 

 
 Rie_05yan@tutorial web 
 

10. Dalam menu advance  

  Atur spasi/jarak antar huruf atau 
antar kata 

  Ceklist show border jika ingin                  
menampilkan border/garis tepi 

11. Dalam menu position  
 

bottom right corner of  trigger: list berada di sudut kanan bawah menu 
   
bellow and at left edge of trigger: list berada di bawah menu  
 
above and at left edge of trigger: list berada di atas menu 
   
top right corner of  trigger: list berada di sudut kanan atas menu 
   
 
Biarkan terceklis hide menu on onMouseOut event. klik OK. 
ket: Untuk mengeditnya kembali tinggal double klik di jendela behavior show pop‐up 

 
 Rie_05yan@tutorial web 
 

12. Save, kemudian tampilkan di server internet explorer/mozila atau tekan F12. Jika Klik kanan 
tanda kuning, pilih allow blocked content. Jika tanda ini tidak di klik, list menu tidak akan 
tampak/berfungsi. 

 
 
 
 
13. Kemudian akan muncul kotak dialog seperti dibawah ini, klik yes. 

 
 
14.  Maka akan tampillah list menu menggunakan pop‐up menu 

   

Ok. Selamat mencoba!!!good luck!!!