Menandai link menu dengan kata "..new" pada module Main Menu.

Home

Tutorial

Menandai link menu dengan kata "..new" pada module Main Menu.

Tutorial
Sonny Soleman, Monday, 15 February 2010 00:00

Halo :) lama gak nulis artikel lagi di id-joomla ini, berikut ini coba saya tunjukan cara memodifikasi module default (mod_mainmenu), sehingga jika kita ingin menambahkan link baru ke menu, bisa dibuat khusus ada teks "..new" di samping link menunya.

Mungkin banyak juga para Joomla web admin yang dipusingkan dengan permintaan penambahan link baru ke dalam menu (mod_mainmenu), dengan catatan link menu yang ditambahkan itu bisa lebih menarik perhatian pengunjung.

Cara yang lazim terlihat di website-website terkenal adalah dengan memberikan teks tambahan yang berbeda warnanya, misalnya "..new"

Jadi link yang awalnya berisi :

Info sehat

menjadi :

Info sehat ..new

dengan warna teks "..new" berbeda, misalnya berwarna merah.

Penggunaan metode ini cukup mampu menarik perhatian pengunjung website kita, sehingga tanpa kita beritahukan mereka telah tahu bahwa link "Info sehat" itu merupakan tambahan link menu yang terbaru, juga bagian dari promosi khusus.

Lalu bagaimana caranya implementasi ke dalam Joomla (versi 1.0.X dan versi 1.5.X) ??

Caranya yang coba saya tunjukan ini berupa mengedit langsung (core-hack) module default joomla yang bernama "mod_mainmenu".

Modifikasi khusus pengguna Joomla versi 1.0.X

Langkah-langkahnya :
1. Download terlebih dahulu file "modules/mod_mainmenu.php" langsung dari website Joomla anda
2. Gunakan text editor, buka / open file "mod_mainmenu.php"
3. Scrool ke baris nomor 112, yang berisi php script berikut ini :

$mitem->name = stripslashes( ampReplace($mitem->name) );

4. Tepat sesudahnya, tambahkan kode / php script berikut ini (copy + paste) :

//TAMBAHAN KHUSUS HINTS LINK MENU BARU
$mitem->name = str_replace(",new","{font color='red'}..new{/font}", $mitem->name);

catatan : ganti tanda { } dengan tag html (lebih besar atau lebih kecil)

5. Save hasil perubahannya, lalu tutup text editornya
6. upload kembali file "mod_mainmenu.php" ke folder "modules" di website Joomla anda.
7. Cara penggunaannya lihat di bagian bawah artikel ini.

Modifikasi khusus pengguna Joomla versi 1.5.X

Langkah-langkahnya :
1. Download terlebih dahulu file "modules/mod_mainmenu/legacy.php" dari website Joomla anda
2. Gunakan text editor, buka / open file "legacy.php"
3. Scroll ke baris nomor 121, yang berisi php script berikut ini :

$mitem->name = stripslashes(htmlspecialchars($mitem->name));

4. Tepat sesudahnya, tambahkan kode / php script berikut ini (copy + paste) :

//TAMBAHAN KHUSUS HINTS LINK MENU BARU
$mitem->name = str_replace(",new","{font color='red'}..new{/font}", $mitem->name);

catatan : ganti tanda { } dengan tag html (lebih besar atau lebih kecil)

5. Save hasil perubahannya, lalu tutup text editornya
6. upload kembali file "legacy.php" ke folder "modules/mod_mainmenu" di website Joomla anda.
7. Cara penggunaannya lihat di bagian bawah ini.

Petunjuk / Cara penggunaannya :
1. Masuk/Login melalui Backend Administrator website Joomla anda
2. Melalui menu Manager, anda bisa membuat link menu baru atau bisa juga edit link menu yang telah ada
3. Pada saat edit / penamaan link menunya, gunakan nama menu seperti yang anda inginkan, jangan lupa di bagian akhir teksnya tambahkan kata :

,new

formatnya : [text_menu],new

4. Simpan / save perubahan / penambahannya
5. Sekarang coba anda preview tampilan website Joomla anda, amati perubahan yang terjadi pada tampilan menu yang anda edit tadi.

Prinsip dasar modifikasi module mod_mainmenu kali ini adalah :
a. Kita menambahkan teks "..new" sesudah teks link menu aslinya
b. Pewarnaan teks "..new" itu bisa anda modifikasi sendiri, pada contoh di atas saya menggunakan warna merah :

..new

Silahkan anda tentukan warna teksnya sesuai dengan template Joomla yang anda gunakan.

NB : sedikit informasi dari saya, khusus untuk tipe menu "List" pada Joomla versi 1.5.X modifikasi ini tidak berjalan dengan baik. Gunakan tipe "Legacy Vertical / Horisontal" agar hasilnya kelihatan.

Semoga Bermanfaat :)
Salam.