Cara Membuat Related Post di Blog

Cara Membuat Related Post di Blog : Sebelum masuk ke pembahasan, alangkah baiknya kita mengetahui apa itu Related Post. Related post adalah widget yang biasanya terdapat dibawah postingan. Related post (artikel terkait) mempunyai keterkaitan antara postingan satu dengan yang lain berdasarkan lebelnya.Okelah setelah sedikit mengetahui apa yang dimaksud dengan Related Post, langsung saja kita masuk ke pembahasa yaitu Cara Membuat Related Post di Blog

Cara Membuat Related Post di Blog 

1. Login terlebih dahulu ke Blog sobat

2. Masuk ke Template -> Edit HTML

3. Lalu cari kode </head>

4. lalu copy dan pastekan kode dibawah 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>

5. Kemudian cari kode berikut <data:post.body/>

6. Jika sudah ketemu, silahkan copy dan pastekan kode dibawah ini dibawah 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>Related Post</h4>
<script type="text/javascript">
removeRelatedDuplicates();
printRelatedLabels();</script>
</b:if>

7. Setelah itu silahkan simpan, dan cek hasilnya

Download Artikel ini di -> Cara Membuat Related Post di Blog

Semoga artikel Cara Membuat Related Post di Blog ini dapat berguna dan bermanfaat.

Referensi :

http://onchall.blogspot.com/2013/05/cara-membuat-related-post-seo-di-blogger.html