Membuat Artikel Yang Berhungan [Related Post] Pada Blogger

Jika anda melihat tulisan ‘Baca Juga Yang Ini..’ pada setiap akhir artikel pada blog ini,kira-kira seperti itu bentuk related suatu post,walaupun memang yang saya pakai adalah cara konvensional alias manual :p

Namun jika anda ingin memakai cara yang lebih praktis dan tidak ribet,kita bisa memakai script dari hoctro.blogspot.com [prasaan dari kemaren hoctro muluk! lanjut gan!-red].

Contoh hasil dari membuat artikel yang berhubungan dari script yang hoctro berikan,bisa lihat blog seo teman saya di SINI.
Nah,bagi anda yang ingin tahu langkah cara membuat artikel yang berhubungan ini,yuk ikuti langkah berikut ini.

Langkah Cara Membuat Related Post/Artikel Yang Berhubungan

Pergilah ke Dashboard blog anda,lalu pilih Tata Letak/Layout,kemudian pilih tab Edit HTML.

cara membuat related topic.

Jangan lupa beri tanda contreng ya pada tulisan Expand Widget Templates.

Selanjutnya cari kode berikut:

<p><data:post.body/></p> atau <data:post.body/>

Jika sudah ketemu,letakkan kode script berikut tepat dibawah kode tadi [lihat gambar ilustrasi diatas - klik untuk melihat lebih jelas]



<b:if  cond='data:blog.pageType == "item"'>

<div class='similiar'>

<!--   *****************http://hoctro.blogspot.com*****Jan,2007******************  -->

<!-- *****************Related Articles by Labels - Take  Two****************** -->

<!--

Modified by JackBook.Com to  make it easier to use.

1. Now, users don't need to change anything to  use this widget. just copy and paste, and done!

2. The current  article will also be listed, now it's no more.

-->

<div  class='widget-content'>

<h3>Artikel Yang Berhubungan</h3>

<div  id='data2007'/><br/><br/>

<div id='hoctro'>

Widget  by <u><a  href='http://hoctro.blogspot.com'>Hoctro</a></u> |  Delivery by <u><a  href='http://pelajaran-blog.blogspot.com/2010/01/cara-membuat-artikel-yang-berhubungan.html'  title='Pelajaran Blog - membuat Related Post'>Ingin Membuat Related  Post Seperti Ini?</a></u> | Support by <u><a  href='http://cepat-terindex-google.blogspot.com/' title='Belajar Seo  Blogspot'>Belajar Seo Blogspot</a></u>

</div>

<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>