Tips Blogspot: Membuat Related Post

Aku yakin sudah banyak yang tahu cara menambah related post di blogger karena sudah banyak yang menuliskannya. Aku juga pernah menuliskan cara membuat related post dengan javascript. Sayangnya, cara ini akan lumpuh manakala javascript yang dipakai dalam trik tersebut tidak dapat diakses karena satu dan lain sebab.

Ada cara yang lebih mudah, tanpa tergantung dengan javascript, melainkan langsung meletakkan kode scriptnya langsung di template tanpa membuat lambat loading situs.

Jika anda berminat membuat related post / artikel yang berhubungan atau sejenisnya, dengan cara kopi paste, silakan ikuti tips berikut ini.

1. Login ke Dashboard Blogspot
2. Pilih Design -> Edit HTML dan Centang "Expand Widget Templates"
3. Cari kode <data:post.body>
4. Kopi kode berikut ini dan paste TEPAT DIBAWAH kode <data:post.body>

<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>
<!-- *****************http://www.bewegaleri.com*****Jan,2007****************** -->
<!-- *****************Related Articles by Labels - Take Two****************** -->

<div class='widget-content'>
<h3>Artikel Lain yang Berhubungan</h3>
<div id='data2007'/><br/><br/>
<div id='hoctro'>
Widget by <u><a href='http://www.bewegaleri.com' title='Related Posts on

Blogger Modified by www.bewegaleri.Com. Read More?'>BelajarInternet</a></u> | <u><a

href='http://bisnismodalklik.blogspot.com/' >Best PTC</a></u>
</div>
<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>

4. Jika proses anda benar, hasilnya akan nampak seperti ini.