Membuat Artikel Yang Berhubungan

Ada kalanya ketika ada yang membaca artikel kita, kita ingin menampilkan artikel-artikel lain yang berhubungan yang masih dalam satu kategori. Nah, untuk menampilkan hal ini kita perlu membuat semacam alat bantu di blogger. Kebanyakan blogger menyebutnya "artikel yang berhubungan atau related post". Ada banyak cara untuk membuat hal ini. Nah, yang sekrang mau saya share, aslinya saya dapet dari blognya Mas Kendhin. Jika anda mau bisa membaca artikel membuat artikel yang berhubungan di link ini. Oke, biar ga terlalu panjang saya bicara, kita langsung saja ya ke tipsnya...

Untuk bisa menampilkan artikel yang berhubungan, tentunya setiap postingan anda harus sudah punya label. Untuk labelnya anda tentukan sendiri ya. Berikut langkah-langkah membuat artikel yang terkait :

1. Login ke blogger seperti biasa.
2. Lalu klik Layout kemudian pilih Edit HTML.
Kalau sudah centang kotak Expand Widgets Template. Tapi sebelumnya ingat Download Full Template sobat dulu. Buat jaga-jaga kalo entar ada yang salah.
3. Kemudian copy script berikut

   <b:if cond='data:blog.pageType == "item"'>
   <div class='similiar'>
   
   <div class='widget-content'>
   <h3>Related Posts by Categories</h3>
   <div id='data2007'/><br/><br/>
   <script type='text/javascript'>
   
   var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
   var maxNumberOfPostsPerLabel = 4;
   var maxNumberOfLabels = 10;
   
   maxNumberOfPostsPerLabel = 100;
   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>

   lalu cari kode

   <p><data:post.body/></p>

   dan letakan seluruh script tepat di bawahnya. Untuk template yang sudah ada read more-nya, biasanya akan ada dua kode seperti itu. Nah scriptnya taruh di kode

   <p><data:post.body/></p>

   yang pertama.
4. Kalo sudah ya di save.

Untuk kata Related Posts by Categories bisa sobat rubah sesuai kata-kata sobat sendiri. Oke, segitu saja dari saya. Thanks buat Mas Kendhin untuk script dan tipsnya. Selamat mencoba!(*bb/blgs)