cara membuat Artikel Terkait di blog

kali ini kita akan belajar tentang cara membuat  artikel terkait atau biasa disebut Related Post. Artikel terkait seperti  gambar di bawah ini 



Artikel Terkait ini berfungsi untuk meningkatkan page views juga membantu agar postingan kita yang belum terindeks bisa terindeks oleh search engine. 
langsung saja kita mulai ....

  1. Login ke acount blogger anda

  2. Pada dasboard, pilih tata letak --> edit html

  3. Centang pada Expand Widget Template

  4. Cari kode berikut ini, agar lebih cepat gunakan ctrl+f
    <p><data:post.body/></p>

  5. Copy kode berikut ini, kemudian paste persis dibawah kode diatas

      <b:if cond='data:blog.pageType == &quot;item&quot;'>
      <div class='similiar'>
      <!-- *****************http://sarewelah.blogspot.com*****Feb,2010****************** -->
      <!-- *****************Related Articles by Labels - Take Two****************** -->

      <div class='widget-content'>
      <b>Postingan Terkait Lainnya :</b>
      <div id='data2010'/><br/><br/>
      <div id='Tikulerz'>
      Widget by <u><a href='http://sarewelah.blogspot.com/2010/02/cara-membuat-artikel-terkait-di-bawah.html' target='_blank'>Sarewelah.blogspot.com</a></u>
      </div>
      <script type='text/javascript'>

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

      maxNumberOfPostsPerLabel = 10;
      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>
  6. Kemudian simpan
untuk melihat hasil perubahan coba buka salah satu halam postingan blogmu. jika kamu mengikuti langkah-langjah  di atas dengan benar maka related post atau artikel terkait akan muncul di bawah postingan.

0 komentar:

Posting Komentar