CARA MEMBUAT REALATED POST

Cara membuat related post atau posting terkait adalah trik blogger yang sangat berguna. Setelah saya berjalan-jalan mengunjungi kawan-kawan lainnya, masih banyak yang belum memasang related post pada blognya. Padahal sebenarnya related post atau posting terkait ini sangat memudahkan pengunjung blog yang datang untuk menemukan artikel-artikel lama yang terkait pada postingan yang sedang ditampilkan disebut navigasi blog yang sehat. Related post diharapkan juga dapat meningkatkan page view pada blog kita, karena jika pengunjung melihat satu halaman maka akan tampil posting yang berkaitan yang mudah-mudahan juga diklik untuk dibaca sehingga efeknya akan meningkatkan page view alexa rank atau peringkat . Manfaat related post lainnya adalah mempercantik tampilan blog agar lebih hidup dan kreatif atraktif .

Saya rasa cukup sudah pembukaannya, langsung saja ikuti langkah berikut

1. Login ke blog dengan ID anda »» klik Tata Letak »» pilih Edit Html »» centang Expand Widget Template »» Download template untuk backup template blog kamu (penting!)
2. Letakkan script html berikut ini tepat di bawah kode yang pertama dari <data:post.body/>. Biasanya kode tersebut ada dua jika telah memasang read more pada template blog. Kalau belum ada, berarti langsung saja letakkan tepat di bawah kode tadi. Bila sulit mencarinya, kamu tinggal tekan kebor Ctrl F atau F3 agar cepat ketemu

   <b:if cond='data:blog.pageType == "item"'>
   <div class='similiar'>
   
   <div class='widget-content'>
   <h3>Related Post</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>

3. Klik Simpan Template
4. Selesai.

Kamu bisa mengganti tulisan Related Post dengan kalimat yang lain. Misalnya dengan kalimat "posting yang berkaitan" "mungkin kamu ingin baca yang ini" "baca juga yang berikut ini" atau kalimat apa saja yang sesuai dengan selera kamu. Script di atas bisa didapat dari sini. Sebenarnya untuk membuat related post tidak hanya seperti itu saja, masih bisa dimodifikasi seperti menampilkan backgroud pada related post serta modifikasi lainnya.

Artikel terkait :