468x60

Latest Post

Ingat Shalat Ya!

Cara membuat related post (artikel terkait) pada blog

Ada Artikel kali ini akan membahas tentang tata cara Cara membuat related post (artikel terkait) pada blog. Related post (artikel terkait) yang dimaksud adalah artikel lainnya yang berada pada bagian bawah artikel yang sedang dibaca pengunjung. Related post (artikel terkait) ini di buat dengan berdasarkan kategori atau label. Bagi blog Anda yang artikel-nya belum mempunyai label maupun kategori yang sama maka Related post (artikel terkait)-nya tidak akan muncul.

Karena dengan adanya related post (artikel terkait) ini tentu akan memudahkan pengunjung dalam menemukan artikel-artikel yang berhubungan atau serupa dengan artikel yang sedang mereka baca. Selain itu, related post (artikel terkait) juga akan berpengaruh terhadap SEO. 

Nah bagi Anda yang ingin menggunakan fasilitas related post (artikel terkait) ini, anda dapat mengikuti langkah langkah sebagai berikut.

1. Masuk ke akun blog Anda
2. Pilih Rancangan atau Tata Letak (layout)
3. Pilih lagi Edit HTML dan jangan lupa beri tanda centang pada tulisan Expand Widget Templates.
4. Copy-Paste script dabawah ini diatas 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>
5. Selanjutnya cari kode <data:post.body/> kemudian copy-paste dibawah ini tepat dibawahnya
<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>
6. Simpan Template

Semoga tutorial membuat related post (artikel terkait) ini berguna untuk Anda semua. Selamat mencoba semoga berhasil...
*****

0 comments:

Post a Comment

Berilah komentar dengan bijak, saling menghargai itu baik.