Cara Menghasilkan Related Posts Simple

Ketemu lagi dengan bintang tamu kawan yang caem plus imut2 ini hahahaha... sesuai judulnya, Cara Membuat Related Posts Simple, kali ini untuk kesekian kalinya, kiat dan trik yang masih  berafiliasi dengan SEO On Page dan mempermudah hadirin related arcticles dengan fungsi scroll, silahkan saja kalau kawan ingin mencobanya.

Lantas kenapa aku memposting cara menghasilkan related posts simple jikalau sebelumnya sudah ada cara menghasilkan related posts menggunakan scroll? Jawabannya sebab menurut saya, yang simple ini lebih ringan dan tidak menghasilkan SEO On Page.

Cara menghasilkan related posts yang gampang dan simple

• Biasa, masuk atau login dahulu ke blogger, klik Rancangan atau Design dan pilih Edit HTML. Jangan lupa centang Expand Template Widget plus biasakan back up template dahulu sob.
•  Cari instruksi </head> kemudian 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 kawan cari instruksi untuk footer blog kawan sebab kita akan menaruh

  related posts ini pada area footer

  (setelah artikel kita) kodenya seumpama ini :
  <div class='post-footer-line post-footer-line-1'>
  setelah menemukannya, letkkan instruksi 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 hingga di sini dahulu ya tutorialnya :D Semoga dengan menghasilkan related posts yang simple dan ringan ini blog kawan kian seo friendly, baik bagi search engine dan hadirin :) Semoga bermanfaat.

Share this post