Cara Bikin Artikel Terkait

Coba deh perhatiin akhir dari setiap postingan di blog ini. Dibawah postingan pasti ada tulisan "artikel terkait" terus ada daftar judul postingan yang isinya masih bersangkutan / masih satu kategori sama postingan yang selesai kamu baca. Nah daftar itu yang dinamakan artikel terkait. Mau tau cara bikinnya? Ini dia :

1. Buat kategori untuk setiap postinganmu. belum tau caranya?? baca postingan ini!

2. seperti biasa, login dulu.

3. Masuk tata letak (sekarang jadi rancangan), edit html.

4. Karena ini bakal ngutak atik kode html, jadi lebih baik sebelum di edit kamu simpen dulu templatemu yg sekarang. caranya klik download template lengkap di bagian backup/restore template.

5. Klo udah di download, centang Expand Template Widgets

6. cari kode ini <p><data:post.body/></p>

    biar cepet ketemu pencet tombol ctrl + f, terus masukin kode <data:post.body/>

7. Dah ketemu??? ok kita lanjutkan!
    sekarang kopi kode berikut setelah kode <data:post.body/>

   <b:if cond='data:blog.pageType == "item"'>
   <div class='similiar'>

   <div class='widget-content'>
   <h3>Artikel Terkait</h3>
   <div id='data2007'/><br/><br/>
   <script type='text/javascript'>

   var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
   var maxNumberOfPostsPerLabel = 4;
   var maxNumberOfLabels = 7;

   maxNumberOfPostsPerLabel = 7;
   maxNumberOfLabels = 3;


  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>

8. Ngutak atiknya dah selesai. Sekarang tinggal di simpan templatenya dan selesai!

Saya ngelanjutin tugas saya dulu ya, ada yang bersedia mbantu    ?

Mudah-mudahan kamu berhasil deh! Soalnya ga semua template bisa. Ada yang bisa ada yang engga. Tapi dicoba dulu aja!

scriptnya dapet dari http://miscah.blogspot.com/

Artikel Terkait