Membuat Detail Artikel Berdasarkan Tag (Label) Pada CMS Lokomedia Ala Wordpress

Sudah lama merencanakan untuk membahas mengenai tutorial tentang ini, akhirnya hari ini menyempatkan untuk posting lagi, walaupun sekarang masih ga mood untuk nulis, semangat sudah berkurang, tapi tidak boleh di teruskan malas-malasannya. nanti bakalan ga terturus beneran nih website, bentar lagi perkuliahan juga aktif, tentunya waktu untuk menulis semakin berkurang.

Kali ini melanjutkan tips-tips lainnya di cms lokomedia, ada sedikit trik lama untuk sebuah website, yaitu pencarian artikel berdasarkan tag (label) yang biasanya di pakai di cms besar seperti joomla, wordpress, drupal dan cms lainnya, selain memperbanyak index di google seach engine, mempermudah pencarian artikel untuk pengunjung juga penting untuk SEO. untuk membuat pencarian artikel berdasarkan tag kita tidak perlu membuat modul ulang di cms lokomedia, karena sudah ada modul tag di cmsnya, tinggal modifikasi bagian template.php dan juga kiri.php di template eljquery2nya. untuk contoh bisa diliat seperti gambar dibawah ini :

nah lalu bagaimana cara membuatnya? baiklah kita langsung ke langkah awal, pertama-tama anda modifikasi bagian template.php, dalam hal ini sebagai contoh saya menggunakan eljquery2 maka alamatnya di lokomedia/templates/eljquery2/template.php, edit kode tersebut (jangan lupa backup dulu script bagian template..php), dan tambahkan kode berikut ini setelah </ul> dari tampil banner :

--iklan--

<h2>Tag Artikel</h2>
<ul id="listsidebar">
<?php
$tag = mysql_query("SELECT * FROM tag ORDER BY id_tag");
$ambil = mysql_num_rows(mysql_query("SELECT id_berita FROM berita"));
while ($var=mysql_fetch_array($tag)) {
$an = mysql_query("SELECT count(id_berita) as jml, tag FROM berita WHERE
tag LIKE '%$var[tag_seo]%'");
$kk = mysql_fetch_array($an);
if ($kk[jml] > 0) {
$px = (($kk[jml]*100)/$ambil)+100;
echo " <a href='tag-$var[id_tag]-$var[tag_seo].html'
style='font-size:".$px."%'>$var[nama_tag]</a>     ";
mysql_query("UPDATE rdb_tag SET jumlah =$kk[jml]
WHERE id_tag = $var[id_tag]");
}
else {echo " ";}
}
echo "<br />";
?>
</ul>

silahkan coba dulu jalankan/buka websitenya maka akan tampil seperti gambar berikut ini :

Tag-tag yang tampil masih sama besarnya karena tag-tag tersebut masih sama-sama sedikit digunakan, dan nanti besarnya akan menyesuaikan setelah ada tag yang banyak digunakan akan membesar dan yang sedikit digunakan akan mengecil, dan juga tag-tag yang tidak digunakan tidak ditampilkan di jendela tag tersebut.

Kemudian jika anda menginginkan anda bisa menambah jumlah tag-tag yang lebih relevan lagi dan tag ini akan menyesuaikan dengan tag yang ada di cms lokomedia. setelah hasilnya seperti gambar di atas, sekarang masih belum bisa di klik karena masih belum kita tambahkan di bagian kiri.php modul/script baru untuk detail tagnya, sementara untuk pagingnya belum saya bikinkan, anda bisa menambahkan pagingnya bila nanti dirasa perlu.

--iklan--

Langkah kedua modifikasi bagian kiri.php (jangan lupa backup dulu script bagian kiri.phpnya ya) dengan script sebagai berikut :

// bagian modul detail artikel per tag
elseif ($_GET['module']=='tag') {
echo "<div id='content'><div id='content-detail'>";
$tags = mysql_query("SELECT * FROM tag
WHERE id_tag=".abs((int)$_GET[idtag])."");
$data = mysql_fetch_array($tags);
echo "<span class=judul_head>» Tag : <b> $data[nama_tag]</b>
</span><br /><br />";
// Tampilkan daftar berita sesuai dengan kategori yang dipilih
$sql   = "SELECT * FROM berita, tag WHERE berita.tag
LIKE '%$data[tag_seo]%' GROUP BY berita.id_berita DESC";
$hasil = mysql_query($sql);
$jumlah = mysql_num_rows($hasil);
// Apabila ditemukan berita dalam kategori
if ($jumlah > 0){
while($r=mysql_fetch_array($hasil)){
$tgl = tgl_indo($r[tanggal]);
echo "<table><tr><td><span class=tanggal>
<img src=$f[folder]/images/clock.gif>
$r[hari], $tgl - $r[jam] WIB</span><br />";
echo "<span class=judul>
<a href=berita-$r[id_berita]-$r[judul_seo].html>$r[judul]</a>
</span><br />";
// Apabila ada gambar dalam berita, tampilkan
if ($r[gambar]!=''){
echo "<span class=image>
<img src='foto_berita/small_$r[gambar]' width=110 border=0></span>";
}
// Tampilkan hanya sebagian isi berita
$isi_berita = htmlentities(strip_tags($r[isi_berita]));
$isi = substr($isi_berita,0,400);
$isi = substr($isi_berita,0,strrpos($isi," "));
echo "$isi ... <a href=berita-$r[id_berita]-$r[judul_seo].html>
Selengkapnya</a><br /></td></tr></table>
<hr color=#CCC noshade=noshade />";
}
}
else{
echo "Belum ada berita pada kategori ini.";
}
echo "</div>
</div>";
}

setelah script tersebut di tambahkan coba anda jalankan lagi jika tidak terjadi error maka lanjutkan ke langkah berikutnya, sampai saat ini masih belum bisa di klik detail artikel berdasarkan kategorinya, harus ada tambahan dari configurasi .htaccess untuk mode rewritenya, sekarang tambahkan kode berikut ini pada htaccess anda :

RewriteRule ^tag-(.*).html$ media.php?module=tag&idtag=$1 [L]

sampai saat ini maka sudah bisa jalan dengan semestinya, misalnya anda membuka detail artikel dengan mengklik tag google maka akan tampil seperti gambar berikut :

hasilnya adalah artikel yang menggunakan tag tersebut, jika anda kesalahan silahkan paparkan di kolom komentar ya, sampai disini dulu postingan kali ini, semoga bermanfaat, salam lokomediers. mari kita kembangkan bersama cms lokomedia.

DOWNLOAD SCRIPT : DISINI