Cara Memasang Related Post Pada Blogger

Para pembaca sekalian, sila BERI KOMEN yang BERMANFAAT selepas membaca entri ini.

Sebenarnya aku dah lama mencari coding untuk pasang Related Post tapi sekali pun tak berjaya walaupun coding-coding yang aku pernah try tu semua tak ada error. Something wrong dengan template aku kot. Tapi tak apa. Sekarang ni aku dah berjaya pun buat Realted Post seperti gambar di atas ni. Sejak berjaya pasang Related Post ni aku asyik pandang je dengan Related Post aku ni.haha .



Aku jumpa tutorial Related Post ni masa aku cuba Google pasal nak pasang Related Post ni la. Tak sangka aku telah jumpa coding-nya di salah satu blog dari Indonesia.



Kepada yang masih tak dapat pasang Related Post ayuh kita ikuti tutorial ini.

Langkah pertama: Login ke blogger.



Langkah kedua: Klik Layout > EditHTML > Tick Pada Expand Templates



Langkah ketiga: Cari coding ini <data:post.body/> (yang menggunakan Read More sila letak di bawah <data:post.body/> yang pertama)



Langkah keempat: Copy dan paste coding berikut di bawah <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 = 10;


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:
01. Perkataan yang telah aku bold-kan dengan warna biru anda boleh ubah kepada perkataan yang anda sukai seperti Entri Yang Berkaitan.

02. Nombor yang telah aku bold-kan dengan warna kuning ialah jumlah posting yang anda mahu tampilkan pada Related Post di entri anda. Nombor-nombor tersebut boleh di-edit.



Via: My Learning Days



-Selamat Mencuba-