cara mudah membuat related post ( artikel terkait ) dibawah postingan/artikel

untuk kali ini, saya akan memberikan tips blog tentang cara memasang related post/artikel terkait dibawah postingan/article. artikel terkait ini berfungsi memudahklan pembaca blog anda menemukan pembahasan yang sama pada suatu tema. kalau contohnya mungkin anda bisa melihat pada akhir postingan/article saya ini.

memasang artikel terkait/related post memang harus bermain kembali dengan yang namanya html. jangan takut bermain html, biar aman download dulu templatenya biar suatu saat pengeditan gagal bisa dikembalikan seperti semula.

Kembali pada pembahasan kita, cara membuat artikel terkair/related post. langsung aja tampa basa-basi lagi ini caranya:

1. Login ke blog anda >>> masuk ke Tata Letak >>> Edit HTML
2. klik Expand template widgets
3. cari kode tulisan ini  <data:post.body/> ( agar memudahkan pencarian gunakan ctrl-f atau F3)
4. lalu masukkan kode ini dibawah <data:post.body/>

<b:if cond='data:blog.pageType == "item"'>

<div class='similiar'>

<div class='widget-content'>
<h3>Artikel Terkait</h3>
<div id='data2007'/><br/><br/>
<script type='text/javascript'>

var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 7;

maxNumberOfPostsPerLabel = 7;
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>

     5. kemudian save template dan selesai

catatan :

• jika anda pengguna readmore atau baca selanjutnya maka akan terdapat 2 kata/kode <data:post.body/>  maka letakkan skrip diatas pada kata/kode <data:post.body/>  pertama
• karena blog saya menggunakan anti copy paste, jadi jika anda kesulitan untuk menulisnya anda bisa mendownload skripnya disini

sebelumnya saya minta maaf karena merepotkan anda, jika ada kesulitan saya siap membantu anda. dan bagaimana tips ini berhasilkah di blog anda?