Untuk kali ini saya akan memberikan tips tutorial mengenai cara membuat blog kita ada fasilitas related post / posting yang berkaitan. Pasti bagi sobat yang membaca tips ini yang tadinya cuman kebetulan membaca tutorial ini pasti bingung dengan apa yang sedang di bahas, beda dengan pengunjung yang emang sengaja mencari tutorial pembuatan related post lewat search engine pasti mereka langsung ngikut aja tanpa masalah. Tapi tenang aja, bagi sobat yang kebetulan membaca postingan ini akan saya jelaskan semaksimal mungkin agar dapat di terima dan mudah di pahami. apa sih related post itu..? Kalo di artikan dalam bahasa indonesia apa coba..? Yah.. semacam posting yang saling berkaitan. Nah trus berkaitan apa ? Yang pasti sistemnya berkaitan dengan label yang kita pakai atau namai. 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...? pasti bisa dong. Kemudian, kita balik lagi ke related post, trus 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". nah jika kamu sudah memasang script untuk related post yg akan saya kasih tau nanti, maka secara otomatis di blog kamu akan muncul related postnya. Jika masih belum jelas, kamu coba aja dulu tutorial yang saya bahas ini kemudian lihat hasilnya... pasti kamu akan tau dan mudeng sendiri.. he he he.<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 = "<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 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"
kemudian cari dan temukan code script seperti di bawah ini :
<data:post.body/>
jika sudah ketemu code script seperti itu, silahkan pastekan code script yang kamu copy pertama kali tadi (yg banyak itu loh..) tepat di bawah code :
<data:post.body/>
Dan untuk sekedar tambahan jika blog kamu sudah pernah kamu edit dan kamu kasih readmore atau baca selengkapnya, pasti ada dua code seperti ini <data:post.body/> dan kamu harus mencari code script ini <data:post.body/> tadi yang pertama dari atas dan paste kan tepat di bawahnya. Dan jangan lupa anda tekan tombol save template.
Mudah kan..? Ingat bahwa setiap kamu memposting harus di kasih label, biar related postnya mau muncul...
Selamat mencoba yah...!!
0 Komentar untuk "Membuat related post di Blogspot"