Memasang Related Post di Blogger

Fungsi dari artikel berhubungan atau related post adalah memberi rujukan kepada pengunjung untuk membuka artikel yang lain di blog kita. Related post akan memunculkan judul postingan dengan label yang sama. Untuk membuat related post ini, silahkan sobat blogger ikuti langkah-langkah berikut:

1. Login --->>> Tata Letak --->>> Edit HTML.

2. Centang "Expand widgets template".

3. Cari kode ]]></b:skin> dan letakkan kode dibawah ini diatas kode ]]></b:skin>

<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 &amp;&amp; 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. Cari Kode <div class='post-footer-line post-footer-line-1'> atau kode <p class='post-footer-line post-footer-line-1'>

5. Setelah itu letakkan kode dibawah ini dibawah kode tersebut (langkah no 4)

<!--RELATED-POSTS-STARTS-->

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div id='related-posts'>

<font face='Arial' size='3'><b>Related Posts: </b></font><font
color='#FFFFFF'><b:loop values='data:post.labels'
var='label'><data:label.name/><b:if cond='data:label.isLast !=
&quot;true&quot;'>,</b:if><b:if cond='data:blog.pageType == &quot;item&quot;'>

<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name +
&quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;'
type='text/javascript'/></b:if></b:loop> </font>

<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();

</script></div></b:if>

<!--RELATED-POSTS-STOPS-->

Kode warna hijau merupakan kode untuk mengatur jumlah postingan yang ada di related post. Silahkan ganti dengan selera sobat Blogger

6. Setelah selesai kemudian Simpan. Hasil nya seperti ini:

Happy Blogging!!