Membuat link / URL pada module title Joomla.


Bagaimana membuat title module (judul module) pada joomla site kita bisa memiliki link / URL dan bisa diklik ? Berikut ini jawabannya🙂


Secara keseluruhan yang saya amati pada joomla (baik itu versi 1.0.X maupun 1.5.X), ternyata masih memiliki satu kekurangan, yaitu pada judul module (module title text) hanya menjadi indikator module saja, tidak bisa diklik (menjadi link URL).

Untuk bisa membuat module joomla memiliki link URL pada title module-nya, maka kita perlu melakukan modifikasi langsung ke joomla-nya. Cara ini saya sebut "Core Hack" joomla🙂
Berikut ini langkah-langkah modifikasinya.

Untuk yang menggunakan Joomla versi 1.0.X :
1. download file "includes/frontend.html.php" dari joomla site anda
2. Gunakan text editor, Open / buka file "frontend.html.php" tersebut
3. Scroll ke baris #303 (bagian dari function "modoutput_table"), replace / timpa baris code berikut :

  <? echo htmlspecialchars( $module->title ); ?>

dengan code berikut ini (copy & paste) :

  <?
$linkurl = $params->get( ‘titleurl’, );
$target_url = $params->get( ‘titleurl_target’,‘_self’ );
if ($linkurl!="") echo "<a href=\"" . $linkurl . "\" target=\"" . $target_url . "\">";
echo htmlspecialchars( $module->title );
if ($linkurl!="") echo "</a>";
?>

5. Scroll ke baris #365 (bagian dari function "modoutput_xhtml"), replace / timpa baris code berikut :

  <? echo htmlspecialchars( $module->title ); ?>

dengan code berikut ini (copy & paste) :

  <?
if ($linkurl!="") echo "<a href=\"" . $linkurl . "\" target=\"" . $target_url . "\">";
echo htmlspecialchars( $module->title );
if ($linkurl!="") echo "</a>";
?>

6. Scroll ke baris #401 (bagian dari function "modoutput_rounded"), replace / timpa baris code berikut :

  echo "<h3>" . htmlspecialchars( $module->title ) . "</h3>";

dengan code berikut ini (copy & paste) :

  $linkurl = $params->get( ‘titleurl’, );
$target_url = $params->get( ‘titleurl_target’,‘_self’ );
echo "<h3>";
if ($linkurl!="") echo "<a href=\"" . $linkurl . "\" target=\"" . $target_url . "\">";
echo htmlspecialchars( $module->title );
if ($linkurl!="") echo "</a>";
echo "</h3>";

7. Simpan / Save modifikasi yang anda lakukan pada file "frontend.html.php".
8. Tutup text editor yang anda gunakan.
9. Upload file "frontend.html.php" ke dalam folder "includes" dari Joomla site anda.

Untuk yang menggunakan Joomla versi 1.5.X :
1. Anda bisa mengedit file "[nama template]/html/modules.php", sesuai dengan template default yang anda gunakan di Joomla site anda.
2. Gunakan text editor, temukan code berikut ini :

  function [nama_fungsi]($module, &$params, &$attribs) {

3. sesudahnya tambahkan code berikut ini :

  $linkurl = $params->get( ‘titleurl’, );
$target_url = $params->get( ‘titleurl_target’,‘_self’ );

4. Temukan code berikut ini :

  $module->title

5. Replace / Timpa dengan code berikut :

  ($linkur!="" ? "<a href=\"" . $linkurl . "\" target=\"" . $target_url . "\">" . $module->title .
"</a>" : $module->title)

Beres ?? Nanti dulu🙂

Sekarang untuk bisa menampilkan efeknya pada Joomla site, file XML dari module yang kita gunakan di joomla perlu ditambahkan 2 (dua) parameter berikut ini :

<param name="titleurl" type="text" default="" label="Title URL" description="Put http link address here" />
<param name="titleurl_target" type="list" default="_self" label="Title URL target" description="Choose open target">
<option value="_self">Self</option>
<option value="_parent">Parent</option>
<option value="_blank">Blank</option>
</param>

Reupload kembali file XML dari module-nya, lewat Backend Administrator melalui "Module Manager", kita edit kembali module-nya, isi 2 parameter berikut :
a. Title URL (berisi link / URL yang ingin anda referensikan pada title modulenya)
b. Title URL target

Sekarang semua module title di Joomla site anda telah memiliki link (bisa diklik🙂

Contoh sederhana implementasi module link title ini
bentuk "live"-nya bisa dilihat di : http://news.tpi.tv
Pada semua title modulenya di situ diterapkan link yang terhubung langsung ke Blog Category terntentu.

Semoga Bermanfaat🙂

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s