Ketemu lagi dengan bintang tamu sahabat yang caem plus imut2 ini hahahaha... sesuai judulnya, Cara Membuat Related Posts Simple, kali ini untuk kesekian kalinya, tips dan trik yang masih berafiliasi dengan SEO On Page dan megampangkan pengunjung related arcticles dengan fungsi scroll, silahkan saja kalau sahabat ingin mencobanya.
Lantas kenapa aku memposting cara menciptakan related posts simple jikalau sebelumnya sudah ada cara menciptakan related posts memakai scroll? Jawabannya sebab berdasarkan saya, yang simple ini ludang keringh ringan dan tidak menciptakan SEO On Page.
Cara menciptakan related posts yang praktis 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 isyarat
</head>kemudian copy dan pastekan code diberikut 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, silahkan sahabat cari isyarat untuk footer blog sahabat sebab kita akan meletakkan
related posts ini pada area footer
(setelah postingan kita) kodenya menyerupai ini :<div class='post-footer-line post-footer-line-1'>
setelah menemukannya, letkkan isyarat diberikut 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-->
Advertisement