Membuat dropdown menu pada Joomla!
Author: Sudarma Sopian | Posted at: 12/11/2008 05:10:00 PM | Filed Under: Joomla |
Banyak juga yang nanya mengenai cara membuat dropdown menu pada Joomla!. Memang, lebih bagus sih dengan memodifikasi css. Namun, bagi yang sulit memahami coding, sebenarnya Joomla! sendiri sudah menyediakan module untuk membuat dropdown menu. Namun, tentu saja perlu beberapa modifikasi untuk menyesuaikan dengan template kita, seperti: letak menu, warna, dan ukuran.
Berikut ini, salah satu module yang bisa digunakan untuk membuat dropdown menu pada Joomla! Silakan download modulenya di sini.
Setelah didownload, ikuti petunjuk berikut ini untuk memasangnya di Joomla!.
Masuk ke Administrator.
Klik menu Installers > Modules.
Klik Browse.
Pilih module yang tadi didownload.
Klik Upload File & Install.
Klik menu Modules > Site Modules.
Klik Display Menu – Tigra 2-0-1.
Pada bagian Details, ubah title, positions, dan Published pilih Yes.
Pada bagian Parameter, ubah menu yang akan ditampilkan secara dropdown, misalnya: topmenu. Ubah parameter lain sesuai kebutuhan.
Klik Save.
Lihat halaman utama web Anda lalu klik salah satu menu di atas header.
Untuk membuat turunan masing-masing menu, Anda coba membuat menu baru pada topmenu. Kemudian, pada bagian Parent Item, pilih salah satu menu yang ada.
Dengan demikian, sub menu akan berada di bawah menu tersebut.
Module ini untuk Joomla! versi 1.0. Untuk Joomla! versi 1.5 atau mengubah pada bagian css, tunggu artikel berikutnya.
Meskipun dengan Joomla! Anda tidak perlu mengerti bahasa pemrograman, tidak ada salahnya Anda mengetahui dasar-dasar pemrograman web dengan php dan mysql. Dengan demikian, ketika ada masalah di kemudian hari, Anda bisa mengatasi sendiri. Cari e-book atau belilah buku panduan praktis tentang panduan membuat web dengan php dan mysql. Jika Anda tidak ingin repot, bisa mengikuti kursus online di sini. Dengan panduan praktis yang diberikan, Anda bisa membuat sebuah web/blog hanya dengan 4 langkah.
Friday, September 23, 2011
Subscribe to:
Post Comments (Atom)
0 comments:
Post a Comment