Membuat Related Post atau Artikel Terkait di Blogspot

Kemaren Ada temen saya yang minta reques bagaimana Cara Membuat Related Post atau Artikel Terkait di Blogspot ? Penting atau ga penting, sebaiknya memang Blog diberi Artikel Terkait atau Post Terkait, atau Related Post sehingga dapat meningkat Page View nya. Fungsi lain adalah mempermudah pengunjung untuk mencari tulisan yang sejenis atau sama labelnya. Tak usah berpanjang lebar, mari kita coba tahap-tahap untuk menambahkan script Arttikel Terkait ke dalam Template Blog.

1. Login/masuk ke Blogger.com jika belum log in.

2. Pilih Halaman Dasboard masuk ke Layout / Tata Letak, Kemudian Pilih Menu Edit HTML. dan sebelum   ke tahap selanjutnya saya sarankan di download dulu template anda (WAJIB) untuk menghindari kesalahan dalam memasukkan code

3. Selanjutnya centang kotak di samping tulisan  "Expand Template Widget"

4. Setelah itu tempatkan Code Script berikut ini di bawah Code ]]></b:skin> untuk lebih cepat menemukannya tekan (CTRL+F)

<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 bagian ini, dan tambahkan seperti kode yang di beri warna biru

<span class='post-labels'>
<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 != &quot;true&quot;'/>

<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=10&quot;' type='text/javascript'/>

</b:if>

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

6. Sekarang cari kode baris post-footer berikut ini.

<div class='post-footer-line post-footer-line-3'/>

kemudian masukan code di bawah ini, di bawah code <div class='post-footer-line post-footer-line-3'/>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='related-posts'>
<h4>Artikel Terkait:</h4>
<script type='text/javascript'>
removeRelatedDuplicates();
printRelatedLabels();
</script>
</div>
</b:if>

>>> Simpan Perubahan ( save template ). dan lihat Hasilnya

Posted in: Tips Blogging,Tips Dan Trik