Cara Termudah Membuat Related Post / Artikel Terkait

           Setelah belajar kesana - kesini mencari sumber informasi dan sumber ilmu, kini koleksi berbagai artikel terkait cara mempercantik blog memenuhi dokumen milik saya, dan kali ini saya ingin berbagi juga kepada pembaca untuk saling belajar, karena saya juga dalam tahap belajar blogging. yang saya share disini adalah cara termudah membuat related post atau artikel terkait di bawah postingan anda, karena anda hanya tinggal kopas script yang saya berikan.

 Bagaimana,.. jika anda penasaran seperti apa bentuknya, di bawah ini penampakannya

Oke deh langsung saja kita mulai.. :

1. masuk atau log in ke akun blogger anda
2. lalu masuk dalam rancangan
3. pilih edit html
4. sebelumnya centang Expand template widget
5. Untuk berjaga-jaga jika terjadi kesalaha silahkan download template anda
6. silahkan cari kode berikut dengan menekan CTRL + F dan tulis kode berikut <b:includable id='comments' var='post'>
7. jika sudah ketemu, kopi kode berikut tepat di bawah kode di atas

 

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<H4>Artikel Terkait:</H4>
<div class='rbbox'>
<div style='margin:0; padding:10px;height:83px;overflow:auto;border:1px solid #ccc;'>
<div id='albri'/>
<script type='text/javascript'>
var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 50;
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;albri&#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>
</b:if>

Kemudian simpan template anda dan lihat hasilnya..