Sebelum memasuki langkah-langkahnya saya akan memberi tahu apa itu related post….??? Kalau diartikan sebenarnya agak rumit juga karena saya tidak bisa menjelaskannya dengan kata-kata tapi menurut saya releted post itu semacam posting yang berkaitan....!! berkaitan apa....??? yang pasti sistemnya berkaitan dengan label yang kita pakai….(mengerti apa tidak ya…???hehehehe)
maksudnya begini seumpama kita mau membuat postingan tentang tutorial ngeblog, di dalam postingan itu kita kasih label bernama "tutorial blog", untuk membuat labels bisa kan...?kalau tidak bisa ini tutorialnya klik disini...
Sekarang kita balik lagi ke related post, terus setelah kita membuat postingan yg berlabels "tutorial blog" sekarang kita buat lagi postingan dengan judul yang lain tapi topiknya sama (mengenai blog) dan kita beri labels yg sama lagi yaitu "tutorial blog". Lalu setelah anda sudah memasang script untuk related post yg akan saya kasih tahu nanti, maka secara otomatis di blog anda akan muncul related postnya...biasanya tepat di bawah posting.
jika masih belum jelas mengenai penjelasan saya sekarang anda coba dulu aja tutorialnya ini pasti anda akan tahu…..
Yang pertama anda lakukan adalah copy seluruh code script dibawah ini :
<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>
<div class='widget-content'>
<h3>Related Posts by Categories</h3>
<div id='data2007'/&qt;<br/&qt;<br/>
<script type='text/javascript'>
var homeUrl3 = " <data:blog.homepageUrl/>
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;
function listEntries10(json) {
var ul = document.createElement('ul');
var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i < maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement('li');
var a = document.createElement('a');
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 < json.feed.link.length; l++) {
if (json.feed.link[l].rel == 'alternate') {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k<20; k++) label = label.replace("%20", " ");
var txt = document.createTextNode(label);
var h = document.createElement('b');
h.appendChild(txt);
var div1 = document.createElement('div');
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById('data2007').appendChild(div1);
}
}
}
function search10(query, label) {
var script = document.createElement('script');
script.setAttribute('src', query + 'feeds/posts/default/-/'
+ label +
'?alt=json-in-script&callback=listEntries10');
script.setAttribute('type', 'text/javascript');
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 = " <data:label.name/>
var test = 0;
for (var i = 0; i < labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length <= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel < maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>
</div>
</b:if>
setelah anda copy seluruh code script di atas, lalu sekarang anda login ke blog anda dan pilih layaot kemudian masuk di halaman edit html, dan jangan lupa anda kasih tanda centang atau cecklist pada tulisan "Expand Widgets Template"
kemudian cari dan temukan code script seperti di bawah ini :
<data:post.body/>
jika sudah ketemu code script seperti itu, silahkan paste code script yang anda copy pertama kali tadi yang panjang tepat di bawah code :
<data:post.body/>
Dan untuk tambahan jika blog anda sudah pernah anda edit dan anda kasih readmore atau baca selengkapnya, pasti ada dua code seperti ini
mudah bukan..? ingat bahwa setiap anda memposting harus di kasih labels, biar related postnya mau muncul...
selamat mencoba……..
Tidak ada komentar:
Posting Komentar