[ Tutorial ] Cara membuat Artikel Terkait/Related Post pada blogger

Kali ini saya ingin posting tentang cara menambahkan related post/artikel terkait pada blogspot, agar memudahkan pengunjung untuk melihat-lihat postingan yang sudah kita buat, kalo pengunjung betah kan blog kita jadi rame dan meningkatkan rank blog kita, ya ga ? hahaha, 
Langsung aja kita ke TKP yuu ..

• Pertama-tama Masuk blogger ->  rancangan -> edit html -> centang expand template widget
• Sebelumnya Backup template anda agar blog anda bisa kembali seperti semula apabila ada kegagalan.
• Lalu cari kode </head> kemudian letakkan script di bawah ini tepat 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>

Kalo sudah di copy dan paste kode di atas, kemudian cari kode <data:post.body/> kemudian letakkan script berikut ini di bawah kode <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&amp;callback=related_results_labels&amp;max-results=5"' type='text/javascript'/>
</b:if>
</b:loop>
</b:if>

<b:if cond='data:blog.pageType == "item"'>
<h4>Artikel Terkait</h4>
<script type="text/javascript">
removeRelatedDuplicates();
printRelatedLabels();
</script>
</b:if>

Setelah selesai semua, jangan lupa untuk di save, dan pratinjau blog anda apakah berhasil atau tidak, kalau tidak berhasil, ulangi caranya dari awal, terlebih dahulu upload backupan template yang sebelumnya anda backup..


okeh terima kasih, sekian dari saya.

Kalo Mau Share / CoPas biasain dicantumin blog sumbernya yaaa ..