Senin, 03 Mei 2010

Membuat Menu Dropdown Horizontal di Joomla!

Langsung saja saya akan bahas mengenai pembuatan menu dropdown pada Joomla 1.5.x, pembahasan mengenai pembuatan menu dropdown ini memang sudah banyak di bahas akan tetapi perlu pembahasan yang lebih detail.Baiklah kita langsung ke tkp.
Untuk membuat menu dropdown horizontal di Joomla!, kita akan menggunakan source Suckerfish horizontal yang dapat di download secara gratis. Template Joomla! yang akan saya gunakan adalah JA_Purity. Baiklah ikuti langkah-langkah di bawah ini.
  • Download source Suckerfih horizontal, klik Disini untuk downloadnya.
  • Buatlah Folder pada folder template ja_purity dengan nama suckerfish.
  • Setelah di download Extract file suckerfish-horizontal.1.01.zip dengan winrar atau winzip ke dalam folder suckerfish tadi.
  • Setelah selesai koneksikan file css & javascript yang ada di dalam folder suckerfish, caranya buka file index.php pada folder template ja_purity.
  • Buatlah kode seperti berikut pada file index.php di antara kode head seperti di bawah ini.
  • Save kembali file index.php tersebut.
  • setelah itu ke pengaturan di halaman administrator Joomla!. misalnya untuk menu yang akan di beri efek dropdown adalah kelompok menu Top.
  • Pilih menu Extension, modul manager.
  • Edit Modul Top Menu, pada position pilih hornav pastikan pada bagian modul parameter Always show sub-menu Items pilih option Yes. seperti gambar berikut ini.









  • Setelah selesai klik tombol save.
  • Selanjutnya buatlah sub menu pada menu-menu yang terdapat pada kelompok top menu.
  • lihat hasilnya pada halaman front end atau halaman publik.
Selamat mencoba...