Membuat Artikel Terkait Berdasar Kategori

Panduan kali ini adalah bagaimana  cara memasang "Related Post by Category" atau "Artikel terkait berdasarkan kategori"  pada posting blog.

Banyak yang mengulas bahwa salah satu cara untuk meningkatkan trafic dan pagerank adalah memasang Artikel Terkait tersebut. Kenapa? karena pengunjung juga dapat membaca artikel yang lain sehingga pengunjung blog tersebut lebih lama diblog tersebut. Seperti itu katanya yang saya ringkas dari berbagai Blog.

Related Post atau Artikel Terkait itu sendiri banyak versi. Namun mempunyai tujuan yang sama yaitu menampilkan artikel terkait menurut kategori atau label dari artikel yang sedang dibaca. Biasanya ini sangat membantu jumlah PageView ( halaman yang di baca ) blog kita, Terutama bagi pengunjung yang ingin menggali lebih banyak artikel yang kita tulis.

Untuk tata letak alangkah baiknya “ Related Post “ di simpan tepat bawah artikel dengan mempunyai sedikit jarak dengan artikel. Dan Artikel terkait ini akan berjalan bila artikel kita mempunyai label/kategori/tag yang sama dengan beberapa tulisan. Seperti sebelumnya lakukan backup dahulu dengan Download template lengkap.

Berikut cara memasang artikel terkait tersebut:


Buka " Edit HTML " pada blog kemudian centangkan " Expand Widget Templates "
Cari Kata <data:post.body/> dengan cara menggunakan ctrl-f
Kemudian lihat kode ini: <div style='clear: both;'/> <!-- clear for photos floats -->
Masukan kode dibawah ini diatas kode <div style='clear: both;'/>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='similiar'>
<div class='widget-content'>
<br/>
<h3>Related Articles</h3>
<div id='data2007'/><br/><br/>
<script type='text/javascript'>
var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;
function listEntries10(json) {
var ul = document.createElement(&#39;ul&#39;);
var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i &lt; maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k &lt; entry.link.length; k++) {
if (entry.link[k].rel == &#39;alternate&#39;) {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement(&#39;li&#39;);
var a = document.createElement(&#39;a&#39;);
a.href = alturl;
if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l &lt; json.feed.link.length; l++) {
if (json.feed.link[l].rel == &#39;alternate&#39;) {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);
var txt = document.createTextNode(label);
var h = document.createElement(&#39;b&#39;);
h.appendChild(txt);
var div1 = document.createElement(&#39;div&#39;);
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById(&#39;data2007&#39;).appendChild(div1);
}
}
}
function search10(query, label) {
var script = document.createElement(&#39;script&#39;);
script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;
+ label +
&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
document.documentElement.firstChild.appendChild(script);
}
var labelArray = new Array();
var numLabel = 0;
<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = &quot;<data:label.name/>&quot;;
var test = 0;
for (var i = 0; i &lt; labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel &lt; maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>
</div>
</b:if>

Untuk Kode yang berwarna Biru Anda bisa ubah angkanya seusai dengan keinginan. Hasil dari Artikel terkait berdasarkan kategori bisa dilihat dibawah ini. Selamat Mencoba

Related Articles by Category