Related post atau artikel terkait di halaman blog mengacu pada kategori atau label yang sama kita sangat diperlukan agar mempermudah pengunjung untuk mencari artikel lainnya dengan kategori atau label yang sama Selain itu, related post juga akan berpengaruh terhadap SEO, nah tutorial blogger kali ini saya akan menjelaskan bagaimana cara membuat link artikel terkait atau related post,ok ikuti langkah-langkah berikut ini :
- Log in ke akun blogger Anda.
- Pilih menu Tata Letak (Layout) » Edit HTML.
- Beri tanda centang pada tulisan Expand Widget Templates.
- Copy-paste script berikut di atas kode <body> tekan ctrl + f untuk memudahkan pencarian .<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> - Kemudian cari kode berikut.<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> - Setelah itu tambahkan kode berwarna hijau berikut di bawahnya hingga menjadi seperti di bawah ini.<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"'>
</b:loop> </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:if> - Sekarang cari kode baris post-footer berikut ini.<div class='post-footer-line post-footer-line-3'>
kemudian masukan di bawahnya script ini.<b:if cond='data:blog.pageType == "item"'><div class='related-posts'> <h4>Artikel Terkait:</h4> <script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels(); </script> </div> </b:if> - Simpan Template
Demikian cara membuat link terkait telah selesai, cara ini saya terapkan pada template blog saya dan hasilnya adalah seperti di blog yang saya miliki.
Daftar Pustaka :
http://www.tutorialblogging.co.cc
http://catalog-tutorial.blogspot.com
Daftar Pustaka :
http://www.tutorialblogging.co.cc
http://catalog-tutorial.blogspot.com
tolongin saya dong... di blog saya koq ng mau ya? udah 2x saya coba. makasi ya...
ReplyDeletewww.ianfile.co.cc
ianfile @ : Mohon maaf ada ralat sedikit pada langkah 4 coba anda ulangi lagi dari langkah 4..semoga berhasil.
ReplyDeletewaduuh pak, kok gak muncul muncul ya, cuma ada label "artikel terkait" tapi gak ada list artikelnya, mohon bantuannya...
ReplyDeletetrims...