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 gambar gambar 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"