Cara membuat artikel terkait pada blogspot

Related Post Atau artikel terkait memang sangat membatu pengunjung di dalam mencari artikel yang masih terhubungan dengan artikel yang sudah terbuka atau artikel yang sedang dibaca,dan juga membantu penulis untuk menyusun navigasi menu.
Tetapi senelumnya artikel harus diberi lebel terlebih dahulu,karena artikel terkait atau related post mendeteksi label.


Tidak perlu lama-lama basa-basinya nanti bisa basi beneran,silahkan prektekkan dan lihat hasinya,pasti tahu perbedaanya


Cara membuat related post atau artikel terkait
1. Login dulu ke blog sobat
2. Klik dasbord
3. Selanjutnya klik rancangan/tata letak
4. Kemudian klik edit html
5.Back up dulu kode html sobat,download full template atau copy paste terserah sobat yang penting aman,Hal ini di tujukan bila terjadi sesuatu dengan blog sobat,blog sobat masih aman karena masih mempunyai kode html,tinggal kembalikan aja,Ok sobat...
6. Setelah masuk kolom edit html silahkan sobat centang dulu expand widget template
7.Copy paste kode berikut 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>  


8. Selanjutnya silahkan sobat cari kode berikut


<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>


9. Selanjutnya tambahkan kode berwarna merah di antara kobe berikut


<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>

<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=10"' type='text/javascript'/>
</b:if>
</b:loop>
</b:if>


10. Kemudian letakkan kode berwarna merah di bawh kode berikut


</b:loop>
</b:if>


Hasinya seperti ini


</b:loop>
</b:if>

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




11. Selesai






Catatan


Kode berikut   max-results=10 
   
Angka 10 adalah artikel terkait yang terlihat bisa di rubah sesuai selera sobat