Membuat Artikel Yang Berkaitan

Tujuan membuat Artikel Yang Berkaitan supaya para pelawat yang mengunjungi serta membaca posting kita dapat melihat artikel yang masih berhubung kait dengan posting kita. Artikel yang dimaksudkan adalah artikel yang berhubungan berdasarkan kategori atau label yang sama.
ontohnya seperti pada bahagian bawah posting saya ini.

Cara membuatnya tidaklah begitu susah. Anda hanya perlu ikut saja langkah2 di bawah ini:

1. Loggin ke blogger.

2. Pilih menu "Layout ---> Edit HTML".

3. Beri tanda pada kotak "Expand Widgets Template"

4. Cari kod ini <data:post.body/>


5. Copy/paste kood/script berikut di bawah kod <data:post.body/>

 <b:if cond='data:blog.pageType == "item"'> 
 <div class='similiar'>
<div class='widget-content'>  
<h3>Related Posts by Categories</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>

*Perhatian: bagi blog yang ada "readmore" kebiasaannya akan ada dua kod. Masukkan di bawah kod yang pertama.

*Jika ingin menukar tulisan "Related Posts by Categories" anda hanya perlu cari kodnya di HTML(cara nak car tekan Ctrl + F dan tulis kodnya... tupun nk kena bagitau gak ker...huhuhu..)lepas tu tukarlah kepada tulisan apa yg anda suka.

6. Setelah selesai "save"... dah jadi pun.