Membuat Related Post Blogger

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 alexa rank. Tentang alexa dapat dibaca di apakah alexa rank atau peringkat alexa. 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.

Related Post:

Widgets

• Pasang Widget Top Commenters Di Blogger
• Pasang Widget Top Posts Di Blogger
• Pasang Widget Kode Warna Pada Blogger
• User Online Widget Whos Amung Us
• Related Posts With Thumbnails Dari Aneesh
• Related Posts With Thumbnail Dari LinkWithin
• Membuat Related Posts Fungsi Scrolling
• Pasang Widget Recent Comments Blogger
• Pasang Widget Recent Post Blogger
• Membuat Tab View Widget Blogger
• Membuat Kotak Pencarian Di Blogger
• Mengganti Read More Dengan Banner
• Label Cloud Fitur Terbaru Blogger
• Membuat Label Cloud Blogumus Blogger
• Membuat Form Berlangganan FeedBurner
• Read More Dengan Judul Posting
• Cara Membuat Read More Blog

or or