Cara Membuat Related Posts Simple

Ketemu lagi dengan bintang tamu sobat yang caem plus imut2 ini hahahaha... sesuai judulnya, 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 posts yang simple

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 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, silahkan sobat cari kode untuk footer blog sobat karena kita akan meletakkan

  related posts ini pada area footer

  (setelah postingan kita) kodenya seperti ini :
  <div class='post-footer-line post-footer-line-1'>
  setelah menemukannya, 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 == &quot;item&quot;'><div id='related-posts'>
Related Post on <b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=10&quot;' 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 dengan membuat related posts yang simple dan ringan ini blog sobat semakin seo friendly, baik bagi search engine dan pengunjung :) Semoga bermanfaat.