Cara Buat Related Post Termudah

0
related post artikel terkait
Inabuy.com - Cara buat related post di blog? Seringkan mencari kata ini di blog? Atau mungkin related post dalam blog bahasa Indonesia : artikel terkait di blog. Artikel ini masih soal blog seperti artikel saya sebelumnya 'Buat Tanda Tangan Online Pakai Mouse!' hanya saja khusus artikel soal related post ini sebenarnya sudah banyak di bahas di blog lain, tapi saya hanya ingin memberikan anda cara simple dan berbeda dalam membuat related post / artikel terkait di bawah postingan blog anda. Related Post berbeda maksudnya bahwa cara buat related post / artikel terkait di blog sudah saya kompress script-nya sehingga lebih ringan di blog anda.

Berikut adalah cara membuat related post / artikel terkait di blog anda :
  1. Login dulu ke akun blogger anda.
  2. Pilih 'Rancangan' dan kemudian masuk pada bagian editing HTML dengan mengklik 'Edit HTML'
  3. Centang terlebih dahulu 'Expand Widget Template' agar kode related post bisa anda pasang tepat di bawah kode no.4 di bawah.
  4. Temukan kode <data:post.body/> dengan menekan tombol 'F3' di keyboard anda kemudian paste kode tersebut.
  5. Letakkan script di bawah ini tepat di bawah kode <data:post.body/>
<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>

6.  Tinggal klik 'Save' dan selesailah anda membuat Related Post item di blog anda.

Catatan Penting :
  • Jika telah memasang 'Readmore Otomatis' maka harus menempatkan script related post ini di bawah kode   <data:post.body/> </b:if>
  • Jika Anda memasang iklan di bawah posting, maka tempatkan script related post ini di bawah kode iklan tersebut.
  • Script ini sudah saya uji coba di blog saya : iklangratis.inabuy.com. jadi, tidak usah khawatir soal ke akuratan script related post ini.
Author Image

About Ahmad Habibullah
Soratemplates is a blogger resources site is a provider of high quality blogger template with premium looking layout and robust design