Cara Pasang Artikel Terkait/Related Posts di Blog

Bagi yang ingin memasang disetiap posting blognya ini barangkali bermanfaat buat Anda, baiklah lansung ajah...

Sigin ( masuk ) di blogger dengan id Anda

Sigin ( masuk ) di blogger dengan ID Anda

Klik menu layout ( Tata Letak )

Klik menu yang bertuliskan Edit HTML Klik yang Bertuliskan Download Template Lengkap, Silahkan Disave dulu template di pc anda, untuk mencegah resiko terjadinya kesalahan dalam melakukan editing template. Centang kotak kecil berada disebelah kanan di samping tulisan Expand Template Widget seperti pada gambar dibawa ini,  sebab kalau tidak di beri tanda centang maksudnya akan lain dan tunggu sampai proses selesai.

• Di Template Blog milik Anda coba cari kode seperti di bawah, biar gampang nyarinya pakai Ctrl F
  
  div class='post-footer'>
  <div class='post-footer-line post-footer-line-1'/>
  
  <div class='post-footer-line post-footer-line-2'/>
  
  <div class='post-footer-line post-footer-line-3'/>
  </div>
  </div>
  
   Setelah itu copy kode  di bawah ini, lalu paste persis di bawah kode yang di atas tadi :
  
  <b:if cond='data:blog.pageType == &quot;item&quot;'>
  <div class='similar'>
  <!-- *****************http://hoctro.blogspot.com*****Jan,2007****************** -->
  <!-- *****************Related Articles by Labels - Take Two****************** -->
  <div class='widget-content related-by-cat'>
  <h3>Related Posts / Artikel Terkait :</h3>
  <div id='data2007'/><br/><br/>
  <div id='hoctro' style='display:none;'>
  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 = &quot;<data:blog.homepageUrl/>&quot;;
  var maxNumberOfPostsPerLabel = 50;
  var maxNumberOfLabels = 40;
  
  maxNumberOfPostsPerLabel = 40;
  maxNumberOfLabels = 40;
  
  
  function listEntries10(json) {
  var ul = document.createElement(&#39;ul&#39;);
  var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?
  json.feed.entry.length : maxNumberOfPostsPerLabel;
  for (var i = 0; i &lt; maxPosts; i++) {
  var entry = json.feed.entry[i];
  var alturl;
  
  for (var k = 0; k &lt; entry.link.length; k++) {
  if (entry.link[k].rel == &#39;alternate&#39;) {
  alturl = entry.link[k].href;
  break;
  }
  }
  var li = document.createElement(&#39;li&#39;);
  var a = document.createElement(&#39;a&#39;);
  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 &lt; json.feed.link.length; l++) {
  if (json.feed.link[l].rel == &#39;alternate&#39;) {
  var raw = json.feed.link[l].href;
  var label = raw.substr(homeUrl3.length+13);
  var k;
  for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);
  var txt = document.createTextNode(label);
  var h = document.createElement(&#39;b&#39;);
  h.appendChild(txt);
  var div1 = document.createElement(&#39;div&#39;);
  div1.appendChild(h);
  div1.appendChild(ul);
  document.getElementById(&#39;data2007&#39;).appendChild(div1);
  }
  }
  }
  function search10(query, label) {
  
  var script = document.createElement(&#39;script&#39;);
  script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;
  + label +
  &#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
  script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
  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 = &quot;<data:label.name/>&quot;;
  
  var test = 0;
  for (var i = 0; i &lt; labelArray.length; i++)
  if (labelArray[i] == textLabel) test = 1;
  if (test == 0) {
  labelArray.push(textLabel);
  var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
  labelArray.length : maxNumberOfLabels;
  if (numLabel &lt; maxLabels) {
  search10(homeUrl3, textLabel);
  numLabel++;
  }
  }
  </b:loop>
  </b:loop>
  </script>
  </div>
  
  </div>
  </b:if>
  
  
  • Kemudian Klik tombol SIMPAN TEMPLATE / SAVE TEMPLATE. 
  • Semoga berhasil...
  
  
  
  
  
  
  
  

Artikel Terkait: