Cara Membuat Related Posts Simple - Ketemu lagi dengaan bintang tamu sobaat yang caem plus imut2 ini hahahaha... sesuai judulnya, Cara Membuat Related Posts Simple, kali ini untuk kesekiaan kalinya, tips dan trik yang maasih berhubungaan dengan SEO On Page dan memudaahkan pengunjung blog kita, maka saya akaan menuliskan tentang bagaimana membuat related posts yang simple pada blog sobat. Oia, sebelumnya juga sudah ada tutorial tentaang membuat related arcticles dengan fungsi scroll, silahkan saja kalau sobaat ingin mencobanya.
Lantas kenapa saya memposting cara membuat related posts simple jika sebelumnya sudaah ada cara membuaat related posts menggunakan scroll? Jawabaannya karena menurut saya, yaang simple ini lebih ringan daan tidak membuat blog sobat lemot, itung2 kan juga termasuk SEO On Page.
Cara membuat related posts yang mudah dan simple
- Biasa, masuk atau login dulu ke blogger, klik Rancangan atau Design dan pilih Edit HTML. Jangan lupa centang Expand Template Widget plus biasakan back up template dulu sob.
- Cari kode
</head>lalu copy dan pastekan code berikut ini di atas kode</head>
<!--Simple Related Posts Scripts Start-->
<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 < 5) {
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>
<!--
Simple Related Posts Scripts and Styles End--> - Kalau sudah, silahkaan sobat cari kode untuk footer blog sobat karena kita akan meletaakkan
related posts ini pada area footer
(setelah postingan kita) kodenya seperti ini :<div class='post-footer-line post-footer-line-1'>
setelah menemukaannya, letkkan kode berikut di bawah<div class='post-footer-line post-footer-line-1'>
<!-- Simple Related Posts Code Start-->
<b:if cond='data:blog.pageType == "item"'><div id='related-posts'>
Related Post on <b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != "true"'>,</b:if>
<b:if cond='data:blog.pageType == "item"'><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></b:loop>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels(); </script></div></b:if>
<!-- Simple Related Posts Code End-->
Nah sampai di sini dulu ya tutorialnya :D Semoga dengaan membuat related posts yang simple dan ringan ini blog sobaat semakin seo friendly, baik bagi search engine dan pengunjung :) Semoga bermanfaat.
.gif)
.gif)
