Membongkar Rahasia Related Post Saya

Postingan kali ini adalah dalam rangka membantu sahabat saya Saung Web yg menanyakan tentang Related Postnya yg hanya berfungsi pada browser Mozilla dan tidak berfungsi ketika dibuka dengan browser yg lain. Saya sendiri sebenarnya juga kurang tau pasti apa penyebab utamanya, mungkin saja karena scriptnya yg memang berbeda dengan punya saya. Maka dari itulah saya berinisiatif untuk menunjukkan script Related Post yg ada pada template saya. dan berikut ini adalah script Related Post saya :

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='similiar'>

<div class='widget-content'>
<h3>Related Posts :</h3>

<div style='overflow:auto; width:475px; height:200px;'>
<div id='KangSugengsData'/><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;KangSugengsData&#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>

</div>
</b:if>

Untuk cara pemasangannya, mungkin ada yg belum tau.
Seperti biasa, di halaman dashboard, ceklik Tata letak lalu edit HTML, jangan lupa centang dulu expand widget template dan simpan semua kodenya di Notepad untuk berjaga-jaga kalo nanti salah. Kemudian cari kode, <data:post.body/>, (biasanya ada dua). Kalo sudah ketemu, letakkan script Related Post tadi dibawah kode yg kedua. Atau bagi yg sudah pake Readmore, letakkan script Related Postnya dibawah script Readmore.

Kalo sudah selesai, coba ceklik pratinjau dulu, error apa ndak. Kalo ndak ada masalah barulah simpan template kamu dan lihat hasilnya di salah satu postingan.

Hampir lupa, sesuaikan width dan height scrollnya dengan main wraper template kamu.

Oke teman? Sampai disini dulu postingan kali ini, selamat mencoba dan semoga berhasil.

---

Related Posts :