Visit: http://neohost.co.

id
Membuat Top menu & menu drop down
Tutorial joomla 1.5 kali ini adalah membuat Top Menu & menu drop down untuk joomla
1.5. Top menu adalah menu utama/induk dan Drop down menu sebenarnya adalah sebuah
sub menu. Lihat gambar drop down menu joomla di bawah ini :
Dari gambar di atas saya membuat drop down menu Profil pribadi yang merupakan sub
dari menu About me.
iri dari drop down menu adalah! ketika kita mendekatkan mouse ke menu maka akan
mun"ul tampilan dari sub menu. #ada dasarnya sebenarnya hanya pengaturan pada "ss
menu. $da banyak template joomla yang telah suport dengan hal ini! tapi ada juga
template yang tidak suport. untuk template yang tidak suport biasanya untuk
menampilkan sub menu ini! anda harus mengklik terlebih dahulu menu utamanya! nanti
akan mun"ul sub menunya.
ara mudahnya adalah anda pilih template yang sudah suport terhadap drop down menu.
ari Template web gratis yang tersedia dengan browsing yang sudah suport untuk
membuat drop down menu tanpa memerlukan pengaturan "ss! ataupun tanpa menginstal
modul tambahan lagi.
Professional Web Hosting We pro!ide solid web hosting & domain registration
ser!ices"
Visit: http://neohost.co.id
#ara membuatn$a sangatlah mudah :
1. Login ke area administrator web anda.
#erhatikan lingkaran merah! bahwa anda bisa membuat/mengedit menu dari link%
link di gambar dengan nomor 1 dan nomor &.
&. %li& Menus 'gmb.no () atau menu manager 'gmbr.no *) + lalu &li& Top
Menu+! jika anda belum membuat top menu silahkan anda memba"a artikel
tentang membuat top menu di joomla
Hasil dari &li& (
Professional Web Hosting We pro!ide solid web hosting & domain registration
ser!ices"
Visit: http://neohost.co.id
Hasil dari &li& *
'. (lik ,ew+
Professional Web Hosting We pro!ide solid web hosting & domain registration
ser!ices"
Visit: http://neohost.co.id
). *etelah mengklik ,ew+ maka akan mun"ul tampilan sebagai berikut :
5. *ilahkan anda pilih! jika nanti sub menu di klik akan menuju kemana! saya pilih
ke +article la$out+
Professional Web Hosting We pro!ide solid web hosting & domain registration
ser!ices"
Visit: http://neohost.co.id
,. *etelah ituakan mun"ul kotak isian sebagai berikut:
-. *ilahkan tuliskan judul .title/ dari sub menu anda! misal +Profil Pribadi+! lalu
silahkan anda tempatkan di menu yang mana! kalau saya menempatkan di menu
+About me+. 0adi nantinya Menu +Profil Pribadi+ merupakan sub dari menu
+About me+
1. Lalu #ada kotak isian selanjutnya silahkan anda pilih artikel yang di kehendaki!
dengan mengklik tombol -elect.
2. *etelah itu klik Appl$ lalu klik -a!e
Professional Web Hosting We pro!ide solid web hosting & domain registration
ser!ices"
Visit: http://neohost.co.id
13.0ika sukses maka akan mun"ul tampilan sebagai berikut :
11.*elamat anda sudah bisa membuat drop down menu dengan mudah
Professional Web Hosting We pro!ide solid web hosting & domain registration
ser!ices"
Visit: http://neohost.co.id
#A.A M/M01232%A-2 ,AMA PA1A T0P M/,4 5A,6
-41AH A1A
#ara membuatn$a sangatlah mudah. Prosesn$a hampir sama dengan cara di atas+
ma&a dari itu admin membuat simple dengan gambargambar dengan sedi&it
pen7elasan:
1. Login ke area administrator web anda.
#erhatikan lingkaran merah! bahwa anda bisa membuat/mengedit menu dari
link%link di gambar dengan nomor 1 dan nomor &.
*. %li& Menus 'gmb.no () atau menu manager 'gmbr.no *) + lalu &li& Top
Menu.
Hasil dari &li& (
Professional Web Hosting We pro!ide solid web hosting & domain registration
ser!ices"
Visit: http://neohost.co.id
Hasil dari &li& *
Professional Web Hosting We pro!ide solid web hosting & domain registration
ser!ices"
Visit: http://neohost.co.id
Professional Web Hosting We pro!ide solid web hosting & domain registration
ser!ices"
Visit: http://neohost.co.id
4ah jika template anda tidak mendukung untuk membuat drop down joomla .ketika
pointer mouse didekatkan ke menu, tidak muncul sub menunya/! maka ada "ara lain! yaitu
dengan mengedit "ss nya atau menggunakan modul e5tensi dari joomla! tunggu artikel
selanjutnya.
Tapi menurut saya sih agar mudah! pilih template yang sudah mendukung untuk
membuat drop down menu .ketika pointer mouse didekatkan bisa menampilkan sub
menu/.
Professional Web Hosting We pro!ide solid web hosting & domain registration
ser!ices"