Cara Membuat Related Posts Simple
Cara Membuat Related Posts Simple, kali ini untuk kesekian kalinya, tips dan trik yang masih berhubungan dengan SEO On Page dan memudahkan pengunjung blog kita, maka saya akan menuliskan tentang bagaimana membuat related post yang sederhana pada blog sobat. Oia, sebelumnya juga sudah ada tutorial tentang membuat related arcticles dengan fungsi scroll, silahkan saja kalau sobat ingin mencobanya.
Lantas kenapa saya memposting cara membuat related posts simple jika sebelumnya sudah ada cara membuat related posts menggunakan scroll? Jawabannya karena menurut saya, yang simple ini lebih ringan dan tidak membuat blog sobat lemot, itung2 kan juga termasuk SEO On Page.
Cara membuat related post 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 kode berikut ini di atas kode </head>
<!--Skrip Posting Terkait Sederhana Mulai-->
<script type='text/javascript'>
//<![CDATA[
var relatedTitles = new Array();
var terkaitTitlesNum = 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] = entri.judul.$t;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
relatedUrls[relatedTitlesNum] = entry.link[k].href;
terkaitTitlesNum++;
merusak;
}
}
}
}
function hapusRelatedDuplicates() {
var tmp = new Array(0);
var tmp2 = Larik baru(0);
for(var i = 0; i < relatedUrls.length; i++) {
if(!contains(tmp, relatedUrls[i])) {
tmp.length += 1;
tmp[tmp.panjang - 1] = RelatedUrls[i];
tmp2.panjang += 1;
tmp2[tmp2.panjang - 1] = Judul terkait[i];
}
}
RelatedTitles = tmp2;
RelatedUrls = tmp;
}
fungsi berisi(a, e) {
for(var j = 0; j < a.panjang; j++) if (a[j]==e) return true;
kembali salah;
}
function printRelatedLabels() {
var r = Math.floor((relatedTitles.length - 1) * Math.random());
var i = 0;
dokumen.tulis('<ul>');
while (i < relatedTitles.length && i < 5) {
document.write('<li><a href="' + RelatedUrls[r] + '">' + RelatedTitles[r] + '</a></li>');
if (r < relatedTitles.length - 1) {
r++;
} lain {
r = 0;
}
i++;
}
dokumen.tulis('</ul>');
}
//]]>
</script>
<!--Skrip dan Gaya Posting Terkait Sederhana-->
• Kalau sudah, silahkan sobat cari kode untuk footer blog sobat karena kita akan meletakkannya related posts ini pada area footer (setelah postingan kita) kodenya seperti ini :
setelah menemukan, letkkan kode berikut di bawah
<div class='post-footer-line post-footer-line-1'>
<div class='post-footer-line post-footer-line1'>
<!-- 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.nama + "?alt=json-in-script&callback=related_results_labels&max-result=10"' type='text/javascript'/>
</b:if></b:loop>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels(); </skrip>
Nah sampai di sini dulu ya tutorialnya Semoga dengan membuat related posts yang simple dan ringan ini blog sobat semakin seo friendly, baik bagi search engine dan pengunjung, Semoga bermanfaat.
Belum ada Komentar untuk "Cara Membuat Related Posts Simple"
Posting Komentar