Cara Membuat Menu Drop Down di Joomla 2.5.


Pada standar joomla 2.5. tampilan top menu dengan beberapa sub menu yang saya buat tampilannya awalnya adalah seperti pada gambar di bawah ini. Menurutku jelas tidak cantik/berantakan... Menurut kawan gimana..??? he he he........









Setelah googling sana-sini akhirnya ketemu module extension Maximenu CK di seperti yang menurutku bagus untuk membuat menu drop down di website.
Tahapan kutak-kutik yang dilakukan sampai ketemu yang diinginkan adalah sebagai berikut.

1. Buat top menu dan sub menunya, mau berapa level juga boleh
2. Down load module extension Maximenu CK atau klik disini, maka akan didapatkan win rar zip file mod_maximenuck_6.1.7_j25
3. Buka bekend website mu, lalu pilih Extensions->Extension Manager sehingga layar akan menunjukkan seperti di gambar ini.







4. Klik tombol “browse”, lalu carilah win rar zip file mod_maximenuck_6.1.7_j25 hasil down load, terus klik tombol “upload & install”, jika tahap ini sudah selesai maka artinya module maximenu CK sudah ada di daftar module joomla mu. Selanjutnya lanjutkan dengan tahapan berikutnya.
5. Klik Extensions->Module Manager




6. Cari module Maximenu CK. Pada tahap ini si dia-nya masih berstatus unpublished. Kalau dah ketemu klik aja, lalu lakukan langkah-langkah edit. Yang wajib di edit agar efeknya ngaruh adalah :




7. Show title, pilih “hide”
8. Status, dari unpublished ganti jadi published
9. Position, pilih position 1
10. Module Assignment pilih “On all pages” adanya dibagian bawah/dilayar dibawah gambar di atas.
11. Pada Basic Option yang ada di samping kanan, “menu to render” pilih “top”
12. Klik Styles Option, pada orientation pilih “horizontal”, hrizontal apa vertikal yach...cobain sendiri aja lah....
13. Jika sudah selesai, maka langkah terakhir adalah save and close, lalu bukalah website mu, mudah-mudahan sudah ngefek, he he he........


Sampai disini module Maximenu CK pasti sudah ngefek pada top menu dan sub menu yang telah kau buat. Tapi sesungguhnya tampilan Maximenu CK hanya menutupi tampilan tamplete bawaan (beez_20). Sehingga masalah akan muncul sebagaimana yangkami pernah rasakan, yaitu ketika sub-menu yang dibuat, gambar header sedikit demi sedikit akan termakan. Makin banyak sub menu dan levelnya, gambar header akan semakin “terjajah”. Buktikan dengan membuat sub menu sampai level 3 dst, maka tampilan sub-menu dari template bawaan akan muncul secara terang-terangan. Seperti gambar di bawah ini, rusak lagii...






Jangan mudah terkecoh seperti “Cah Kene omahe kono”, karena untuk memperbaikinya ternyata gampang banget....,
Masuk lagi ke bekend->module manager.
Cari module dropdown, klau dah ketemu tanda centang ijo sebagai kode published klik aja biar berubah jadi tanda silang warna merah, sebagai tanda unpublished.

Setelah itu coba lihat lagi website mu, mudah-mudahan sudah tampil cantik sepeti yang terjadi pada website bikinan kami seperti di bawah ini.






Menariknya lagi kamu geser kursormu ke bawah, tampilan Maximenu CK tetap ikut, sehingga pengunjung website tidak perlu mondar-madir ke/dari atas dan bawah he he he......









Semoga bermanfaat, selamat mencoba......semoga sukses.....

Tidak ada komentar:

Posting Komentar