Pernah melihat ada tampilan ARTIKEL TERKAIT di bawah sebuah postingan, jika anda berkunjung ke blog atau website luar negeri disebut sebagai Related Post. Artikel Terkait (Related Post) adalah daftar-daftar yang masih ada hubungannya dengan posting yang dimuat. Dan biasanya ada dibawah artikel tersebut. Untuk memperindah tampilan blog atau website anda dengan Artikel Terkait atau Related Post tidaklah susah, berikut ini saya sajikan langkah-langkah mudah untuk membuat Link terkait dengan menggunakan Blogger.
1. Login ke Blogger>Rancangan>Edit HTML>Edit Template ( centang expand template widget )
2. Untuk antisipasi Backup dahulu template widget-nya ke notepad atau export blog anda terlebih dahulu.
3. Cari script </head> jika sudah ketemu copy script dibawah ini di atas kode </head>
<script type=”text/javascript”>
//<![CDATA[
var relatedTitles = new Array();
var relatedTitlesNum = 0;
var relatedUrls = new Array();
function related_results_labels(json) {
for (var i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
relatedTitles[relatedTitlesNum] = entry.title.$t;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == ‘alternate’) {
relatedUrls[relatedTitlesNum] = entry.link[k].href;
relatedTitlesNum++;
break;
}
}
}
}
function removeRelatedDuplicates() {
var tmp = new Array(0);
var tmp2 = new Array(0);
for(var i = 0; i < relatedUrls.length; i++) {
if(!contains(tmp, relatedUrls[i])) {
tmp.length += 1;
tmp[tmp.length – 1] = relatedUrls[i];
tmp2.length += 1;
tmp2[tmp2.length – 1] = relatedTitles[i];
}
}
relatedTitles = tmp2;
relatedUrls = tmp;
}
function contains(a, e) {
for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
return false;
}
function printRelatedLabels() {
var r = Math.floor((relatedTitles.length – 1) * Math.random());
var i = 0;
document.write(‘<ul>’);
while (i < relatedTitles.length && i < 20) {
document.write(‘<li><a href=”‘ + relatedUrls[r] + ‘”>’ +
relatedTitles[r] + ‘</a></li>’);
if (r < relatedTitles.length – 1) {
r++;
} else {
r = 0;
}
i++;
}
document.write(‘</ul>’);
}
//]]>
</script>
4. Lalu ubahlah lagi script ini <data:post.body/> Copy script dibawah ini sesudah script <data:post.body/>\
<b:if cond=’data:post.labels’>
<b:loop values=’data:post.labels’ var=’label’>
<b:if cond=’data:blog.pageType == "item"’>
<script expr:src=’"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=5"’ type=’text/javascript’/>
</b:if>
</b:loop>
</b:if><b:if cond=’data:blog.pageType == "item"’>
<h4><i>Related Post..!!</i></h4>
<script type=’text/javascript’>
removeRelatedDuplicates();
printRelatedLabels();
</script>
</b:if>
Selamat mempraktekkan!!!