Cara membuat Related Post ( Artikel Terkait )

Artikel Terkait (Related Post) adalah daftar artikel/ post yang berhubungan dengan artikel/ post yang sedang dibaca, yang biasanya terkait dalam kategori/ label yang sama. Adanya artikel terkait (related post) akan memberikan nilai tambah tersendiri bagi blog tersebut, karena akan memudahkan pengunjung untuk mengetahui post yang lain yang terkait. Ada juga yang mengatakan bahwa artikel terkait (related post) dapat berpengauh terhadap SEO.
Ok, langsung saja kita menuju TKP

1. Login ke Blogger
2. Masuk ke Rancangan >> Edit HTML
3. Klik pada Expand Widget Template
   Biar lebih aman, sebaiknya backup template terlebih dahulu lewat link download 
4. Temukan kode </head> lalu di atas kode </head> sisipkan kode berikut:

<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. Temukan kode <data:post.body/>
6. Setelah/ di bawah kode tersebut tambahkan kode berikut:

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

7. Simpan
8. Coba temen-temen cek blognya...

Ada 1 cara lagi untuk membuat artikel terkait (related post), tetapi untuk yang cara kedua ini TB belum mencobanya
Berikut langkha-langkahnya:

1. Langkahnya sama denga cara 1 di atas mulai  langkah no.1 sampai langkah no. 4 (menyisipkan kode di
    atas </head> )

2. Kemudian temukan kode :

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

3. Lalu sisipkan kode warna biru berikut, hingga menjadi :

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

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

4. Simpan

Nb: Ada kasus dimana daftar artikel terkait (related post) terlalu panjang dan tidak benar-benar berhubungan.
Kenapa? Karena artikel terkait (related post) akan menampilkan post dalam  satu label. Untuk itu TB sarankan untuk membuat label yang lebih spesifik (tidak terlalu umum), sehingga daftar artikel terkait (related post) bener-bener related dengan post yang ditampilkan.