Sebelum saya menuliskan
Cara Membuat Related Post/Artikel Terkait Di Blogger saya akan coba jelaskan dulu apa sih kegunaan
Related Post atau
Artikel Terkait Sehingga kebanyakan blogger menggunakan Related Post atau Artikel Terkait.
Biasanya Daftar Artikel terkait dengan sebuah posting di letakkan di bawah posting tersebut, ini fungsinya adalah untuk memudahkan pengunjung blog kita untuk membaca tulisan yang masih berhunbungan dengan tulisan/artikel tersebut baik itu panduan, tutorial, cara, tips, trik, dsb. Selain itu Related post juga berguna untuk meningkatkan Page View di blog kita dan memperbanyak internal link.
Ok mari kita mulai
Panduan Membuat Artikel Terkait Di Blogger
Untuk membuat deretan Related Post Di Blogger maka kita memerlukan sebuah Script yang akan membantu kita untuk menampilkan Artikel Terkait.
Silakan login dulu ke akun blogger anda kemudian Klik Menu Template => Edit Html => Lanjutkan => Setelah itu beri centang pada pada bagian Expand Widget Templates
(Pada Blog Yang Ingin Anda Pasangi
Script Related Post)
Berikut
Script Related Post yang harus kita pasang
<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>
Letakkan Scriprt Related Post tersebut sebelum kode
</head>Kemudian itu cari kode ini
<b:loop values='data:post.labels' var='label'>
<A expr:href='data:label.url' expr:title='data:label.name' rel='tag'><data:label.name/></A><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
Ganti semu kode tersebut dengan kode ini
<b:loop values='data:post.labels' var='label'>
<A expr:href='data:label.url' expr:title='data:label.name' rel='tag'><data:label.name/></A><b:if cond='data:label.isLast != "true"'>,</b:if>
<SCRIPT expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=10"' type='text/javascript'/>
</b:loop>
Setelah itu cari kode
<DIV class='post-footer-line post-footer-line-3'/> kemudian letakkan kode ini di bawahnya (***)
<b:if cond='data:blog.pageType == "item"'>
<H4>Artikel Terkait Lainnya </H4>
<SCRIPT type='text/javascript'>
removeRelatedDuplicates();
printRelatedLabels();
</SCRIPT>
</b:if>
(Ket***) Kode di atas adalah kode yang akan menampilkan deretan artikel terkait atau related post, anda bisa meletakkannya di tempat yang anda inginkan dan menurut anda bagus.
Sebelum menyimpan pengaturan yang sudah anda lakukan sebaiknya di cek lagi, jika sudah yakin silakan simpan perubahan nya.
Sekarang coba lihat salah satu halaman artikel blog anda, jika anda sudah melihat deretan artikel terkait di bawah posting blog maka itu artinya anda berhasil, namun jika anda tidak melihatnya mungkin ada kesalahan yang harus anda perbaiki, silakan cek lagi semua kode nya.
Oh ia....
Script Related Post ini akan menampilkan deretan artikel terkait berdasarkan label yang sama, jika tulisan/artikel anda tidak memiliki label maka related post juga tidak ada. Jika masih bingung apa itu label silakan baca :
Mengenal Fungsi Label Di Blogger & Cara Penggunaannya
