Cara Membuat Artikel Terkait/Related Post di Bawah Posting

Pengunjung yang budiman, Petir Fenomenal kali ini ingin share tentang cara membuat atau mencantumkan artikel terkait "related post" pada setiap akhir posting. Tentang ini sebenarnya hampir setiap blogger sudah menulisnya di blog masing-masing. Namun tidak ada salahnyalah saya menyuguhkan pula agar bagi pengunjung yang berminat dan kebetulan singgah di blog ini dapat mempelajari dan menerapkannya.

Saya rasa tentang apa itu yang dimaksud dengan artikel terkait, tidak usah dijelaskan, ya ! Soalnya saya yakin teman-teman juga sudah tahu karena sering melihat di blog sobat yang lain. Ok, ikuti caranya berikut ini.

1. Masuk blogger > Template > edit html > centang expand template widget
2. 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>

3. 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>

Tulisan Artikel Terkait yang berwarna merah itu silahkan diganti dengan tulisan sejenis sesuai keinginan Anda. Kemudian kalau sudah diganti, silahkan simpan. Ok, rasanya cukup sekian cara membuat artikel terkait di bawah posting ini. Selamat mencoba semoga sukses.