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 Design/Tata Letak => Edit Html => 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'>Letakkan Script Related Post tersebut sebelum kode </head>
//<![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>');
}
//]]>
Kemudian itu cari kode ini
<b:loop values='data:post.labels' var='label'>Ganti semua kode tersebut dengan kode ini
<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>
<b:loop values='data:post.labels' var='label'>Setelah itu cari kode <DIV class='post-footer-line post-footer-line-3'/> kemudian letakkan kode ini di bawahnya.
<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>
<b:if cond='data:blog.pageType == "item"'>Keterangan : 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.
<H4>Artikel Terkait Lainnya </H4>
<SCRIPT type='text/javascript'>
removeRelatedDuplicates();
printRelatedLabels();
</SCRIPT>
</b:if>
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
Sebaiknya anda Back-up dulu template anda sebelum melakukan perubahan kode-kode pada template anda :) sekedar antisipasi saja.
Silahkan di coba dan semoga berhasil :) sampai jumpa di posting blogger tutorial Bli Tyan berikutnya.
Please subscribe, leave a comment, follow this blog and share this article with your friends and colleagues.
by: http://blityan.blogspot.com
0 comments:
Post a Comment