Cara Membuat Artikel Terkait / Related Post Blogger

Apa itu Related Post ?

Related Post adalah postingan terkait yang biasanya muncul dibawah postingan yang dibaca oleh pengunjung. Related post berfungsi untuk merangsang rasa ingin tau pengunjung, karena jika pengunjung membaca suatu posting dan dibawahnya tampil postingan yang berkaitan maka mudah-mudahan juga pengen membaca artikel itu (diklik untuk dibaca) sehingga efeknya akan meningkatkan page view alexa rank atau peringkat alexa rank.

Langsung aja ya, saya akan mencoba mengulasnya untuk Anda.

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.

[*]

Artikel Menarik Lainnya