Membuat Related Articles Berdasarkan Label

Learning by doing, apa lagi tuh? ha ha.. Maksudnya belajar sambil melakukan. Karena ini blog baru alangkah baiknya kita optimasikan. Salah satunya dengan membuat Related Articles di Blogger berdasarkan label. kebetulan di blogku yang baru ini belum ada related articlesnya atau Artikel yang berhubungan.

Sebenarnya sudah banyak yang membahas ini, malah sudah 2 atau 3 tahun yang lalu sudah ada yang bahas. Tapi gak apa-apa kan jika kita ulas lagi.

Sebelum membuat, apa sih sebenarnya keuntungan memasang widget related articles di blog kita? salah satunya adalah membuat pengunjung betah di blog kita. Kok bisa?

Ingat bahwa pengunjung itu banyak yang malas, misalkan saja ketika membaca salah satu postingan kita seperti Domain dot.tk sulit terindex oleh google karena di bawah posting tersebut tidak ada widget artikel yang berhubungan kemungkinan besar dia akan keluar dari blog. Beda kalau ada artikel berhubungan di bawah posting pasti dia akan membaca dan jika tertarik akan melihat posting yang terkait tersebut.

Secara tidak langsung ini akan meningkatkan pageview yang bisa meningkatkan alexa rank atau pagerank anda.

Ah tampaknya terlalu panjang nih artikel, baiklah langsung aja ikuti langkah-langkah berikut ini :
1. Bukalah desain atau Rancangan di blog anda. kemudian pilihlah edit HTML, jangan lupa klik kotak yang ada tulisannya Expand Template Widget.

2. Cari kode html ini <data:post.body/> , kalau pingin cepat ketemu tekan aja CTRL + F nah kalau udah tampil, tulis kode diatas di kotak pencarian, di tanggung langsung ketemu. Ingat ya kalau ada readmore nya kode ini ada dua, pilih yang atas saja.

3. Copy  kode script di bawah ini

<H2>Artikel Terkait</H2>
<div class='rbbox'>
<div style='margin:0; padding:10px;height:200px;overflow:auto;border:1px solid #ccc;'>
<div id='ardi33'/>
<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;ardi33&#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>
<script type='text/javascript'>RelPost();</script>
</div>

Setelah di kopi letakkan script tersebut tepat dibawah <data:post.body/>
kalau udah silahkan di tekan Save/Simpan. Langkah ini sudah selesai tinggal anda cek tampilannya. Sebagai contoh lihat dibawah postingan ini. Begitulah kira-kira tampilannya

OK selamat mencoba.

Artikel Terkait