Cara Memasang Related Post di Blogspot

 Sempat vakum dari dunia blogging dalam beberapa hari , akhirnya bisa juga share kembali ilmu yang saya dapatkan dari search engine.

Begini,gan ,,, sekitar seminggu yang lalu sempat ada yang request artikel tentang bagaimana cara memasang related post di blogspot , dan inilah yang dia minta.

Selamat untuk perequst, namun mohon maaf,saya lupa siapa namanya.

Sebelumnya kita harus awali dengan pengenalan. Apa itu "Related Post " ? Related Post adalah beberapa artikel yang ditampilkan yang pada dasarnya memang terkait dengan artikel yang sedang dibaca oleh pembaca blog atau website.

Sebagai contoh , artikel yang anda baca adalah " Cara Memasang Related Post di Blogspot " , maka pada related post akan terdaftar beberapa artikel yang terkait dengan artikel tersebut pada related post yang sedang kita bahas ini, contoh artikel yang berkaitan yaitu " Cara Memasang Headline News Pada Blogspot " ... terus pertanyaannya kenapa dikatakan Terkait dengan postingan yang saya baca ? karena artikel yang saya baca dengan artikel yang terlihat pada related post biasanya memiliki isi yang hampir sama atau judul, tema, ataupun tag sangat berkaitan.

Next, kita lanjutkan ke point pembahasan , ikuti langkah-langkah berikut ini :

1. Login dahulu dengan Akun asli anda.
2. Pada dasbor, Pilih Rancangan - Edit HTML.
3. Jangan lupa backup template anda (Download Template Lengkap).
4. Lalu centang pada check box Expand Template Widget
5. Kemudian cari kode berikut :
<data:post.body/>
6. Kemudian paste kode berikut di bawah kode yang berwarna merah di atas :
   
   <b:if cond='data:blog.pageType == &quot;item&quot;'>
   <H2>Related Post</H2>
   <div class='rbbox'>
   <div style='margin:0; padding:10px;height:200px;overflow:auto;border:1px solid #ccc;'>
   <div id='blogipank'/>
   <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;blogipank&#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>
   <script type="text/javascript">RelPost();</script>
   </div>
   </b:if>
7. Jika sudah , Tekan SIMPAN TEMPLATE atau SAVE

Semoga berhasil , dan berikan komentar untuk artikel ini :)