Related Post sesuai Label atau Kategori

Widget Related Post adalah salah satu Widget yang memunculkan artikel lain yang sejenis (se-kategori/se-label) dengan artikel yang sedang dibaca oleh pengunjung blog. Dengan kata lain membuka peluang lebih besar untuk artikel-artikel lain dibaca oleh pengunjung yang kebetulan membaca blog, artinya Widget Related Post ini berperan langsung dalamn meningkatkan Page View blog, widget Related Post atau Artikel terkait biasa dipasang di sidebar atau dibagian akhir artikel (footer). Atas alasan ini pula sehingga widget ini menjadi salah satu pilihan widget wajib (baca: default) template ini.
Widget Related Post by kategori/label yang digunakan pada template ini merupakan widget kreasi Hoctro yang sudah dimodifikasi sedimikian rupa oleh Jack Book. Yaitu Related Post by Label yang kurang lebih berarti artikel-artikel yang muncul pada widget ini dikelompokkan berdasarkan Label artikelnya. Jika belum punya dan ingin menggunakannya boleh ikuti langkah-langkah berikut:

• Masuk ke akun Blogspot Anda.
• Pilih Layout -> edit html.
• Backup/download template Anda sebelum melakukan perubahan.
• Beri tanda centang pada Expand the Widget Templates.
• Cari kode seperti ini <data:post.body/> atau kadang juga kodenya bisa seperti ini <p><data:post.body/></p>, untuk mempermudah silahkan tekan ctrl+F.
• Setelah ketemu kode diatas copy kode dibawah ini tepat dibawah kode <data:post.body/> atau <p><data:post.body/></p> ini.
  
  
  
  <b:if cond='data:blog.pageType == "item"'>
  <div class='similiar'>
  <!-- *****************http://hoctro.blogspot.com*****Jan,2007****************** -->
  <!-- *****************Related Articles by Labels - Take Two****************** -->
  <!--Modified by JackBook.Com to make it easier to use.
  1. Now, users don't need to change anything to use this widget. just copy and paste, and done!
  2. The current article will also be listed, now it's no more.
  -->
  <div class='widget-content'>
  <h3>Related Posts by Categories</h3>
  <div id='data2007'/><br/><br/>
  <div id='hoctro'>
  Widget by <u><a href='http://hoctro.blogspot.com'>Hoctro</a></u> | <u><a href='http://www.jackbook.com/' title='Related Posts on Blogger Modified by JackBook.Com. Read More?'>Jack Book</a></u>
  </div>
  <script type='text/javascript'>
  var homeUrl3 = "<data:blog.homepageUrl/>";
  

  
  var maxNumberOfPostsPerLabel = 4;
  var maxNumberOfLabels = 10;
  maxNumberOfPostsPerLabel = 100;
  maxNumberOfLabels = 3;

  function listEntries10(json) {
  var ul = document.createElement('ul');
  var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ?
  json.feed.entry.length : maxNumberOfPostsPerLabel;
  for (var i = 0; i < maxPosts; i++) {
  var entry = json.feed.entry[i];
  var alturl;
  for (var k = 0; k < entry.link.length; k++) {
  if (entry.link[k].rel == 'alternate') {
  alturl = entry.link[k].href;
  break;
  }
  }
  var li = document.createElement('li');
  var a = document.createElement('a');
  a.href = alturl;
  if(a.href!=location.href) {
  var txt = document.createTextNode(entry.title.$t);
  a.appendChild(txt);
  li.appendChild(a);
  ul.appendChild(li);
  }
  }
  for (var l = 0; l < json.feed.link.length; l++) {
  if (json.feed.link[l].rel == 'alternate') {
  var raw = json.feed.link[l].href;
  var label = raw.substr(homeUrl3.length+13);
  var k;
  for (k=0; k<20; k++) label = label.replace("%20", " ");
  var txt = document.createTextNode(label);
  var h = document.createElement('b');
  h.appendChild(txt);
  var div1 = document.createElement('div');
  div1.appendChild(h);
  div1.appendChild(ul);
  document.getElementById('data2007').appendChild(div1);
  }
  }
  }
  function search10(query, label) {
  var script = document.createElement('script');
  script.setAttribute('src', query + 'feeds/posts/default/-/'
  + label +
  '?alt=json-in-script&callback=listEntries10');
  script.setAttribute('type', 'text/javascript');
  document.documentElement.firstChild.appendChild(script);
  }
  var labelArray = new Array();
  var numLabel = 0;
  <b:loop values='data:posts' var='post'>
  <b:loop values='data:post.labels' var='label'>
  textLabel = "<data:label.name/>";
  var test = 0;
  for (var i = 0; i < labelArray.length; i++)
  if (labelArray[i] == textLabel) test = 1;
  if (test == 0) {
  labelArray.push(textLabel);
  var maxLabels = (labelArray.length <= maxNumberOfLabels) ?
  labelArray.length : maxNumberOfLabels;
  if (numLabel < maxLabels) {
  search10(homeUrl3, textLabel);
  numLabel++;
  }
  }
  </b:loop>
  </b:loop>
  </script>
  </div>
  </div>
  </b:if>
• kode berwarna merah diatas bisa diubah nilainya sesuai kebutuhan.
• Kemudian Simpan hasil perubahan template.
• Untuk melihat hasilnya silahkan periksa bagian bawah setiap postingan blog Anda, atau bisa lihat juga di bagian bawah artikel ini.

Semoga bermanfaat, respon teman-teman dalam bentuk komen akan sangat berguna buat blog ini Terima kasih :) .