Tips membuat related post untuk blog

Related Post terletak di bahagian bawah setiap post anda bagi memudahkan pengunjung membaca post anda yang lain yang berkaitan dengan post tersebut Manfaatnya, Selain mempercantik blog, related post sangat baik untuk meningkatkan trafik, semakin miripnya artikel yang muncul di related post kemungkinan besar akan semakin besar trafiknya.

Dari segi pembaca juga mendapat keuntungan, pembaca akan dapat pengetahuan yang lebih banyak dengan mudah karena jalan sudah dituntun oleh kita dengan related post. Pembaca tidak perlu lagi menggunakan search engine untuk mencari artikel yang berhubungan. Ya.. walaupun plugin related post tidak menjamin kepuasan pengunjung mendapatkan artikel yang diinginkan, tetapi setidaknya kita membantu pengunjung tersebut dengan plugin related post.

jika anda sudah memasang script untuk related post dibawah ini, maka secara otomatis di blog anda akan muncul related postnya...masih belum jelas mengenai penjelasan ini?, anda coba dulu tutorial ini kemudian lihat hasilnya... di-jamin .....

1. Yang anda lakukan adalah copy seluruh code script dibawah ini :
<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>
<!-- *****************http://ceritamenghibur.blogspot.com*****Jul,2009****************** -->
<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>



2. setelah anda mengcopy seluruh code script di atas, silahkan anda login ke blog anda dan bergegaslah masuk di halaman edit html, dan jangan lupa anda kasih tanda centang atau cecklist pada tulisan "Expand Widgets Template"


3. kemudian cari dan temukan code script seperti ini <data:post.body/>;


4. jika sudah ketemu code script seperti itu, silahkan pastekan code script yang anda copy pertama kali tadi tepat di bawah code <data:post.body/>:

untuk sekedar tambahan jika blog anda sudah pernah anda edit dan anda kasih readmore atau baca selengkapnya, pasti ada dua code seperti ini &<data:post.body/> dan anda harus mencari code script ini <data:post.body/>tadi yang pertama dr atas dan paste kan tepat di bawahnya... dan jangan lupa anda tekan tombol save template...

Ingat bahwa setiap anda meposting harus di kasih labels, biar related postnya mau muncul...tag tehnorati