Agar pembaca tidak lari kemana-mana untuk mencari informasi yang berhubungan dengan postingan kita, alangkah baiknya jika kita menampilkan Posting Yang berhubungan (related post) pada bagian bawah postingan kita. Untuk membuatnya cukup mudah. Silahkan Ikuti Langkah Ini:
1. Masuk pada Dashboard Blog anda atau klik disini draft.blogger.com
2. Klick layout -> Edit HTML
3. Jangan Lupa Expand Widget
4. Temukan Kode Berikut <data:post.body/> dan letakan kode berikut diwabah <data:post.body/>
5. Save Perubahan tersebut dan lihat Hasilnya<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 = "<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>
Selamat Mencoba
Jika Anda menyukai Artikel di blog ini, Silahkan klik disini dan untuk berlangganan gratis via email silahkan isi kotak dibawah dengan email anda, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di dankerizer.com
ah muncul juga kotak komennya... kemrin2 gak ada, hehehe....
ReplyDeleteto kompi saya yang lagi eror...?hehe
Makasih mba komentarnya kemarin, kemarin saya pake Intensedebate, jadi klo kompinya ga suport Java biasanya ga terlihat. Sekarang Udah ga pake lagi....
ReplyDeleteNanti klo pas main ke lombok boleh minta rekomendasi tempat2 menariknya ya dan klo boleh diseduhin Teh dan sekerat Roti hehehee....
Sukses selalu buat Secangkir Teh dan Sekerat Roti...
owh pake Intense debate..otomatis komennya ke hiden.
ReplyDeleteyang ini related post berapabanyak bisa terlihat?
mirip yang diatas ya? atau yang biasanya ada 4 buah aja yg ada imagenya?
@ Om Yo
ReplyDeleteRelated Post yang ini sama persis dengan yang diatas Om jumlahnya bisa diatur mas yo...
Klo yang pake Image bisa dilihat juga disini
http://www.dankerizer.com/2009/10/recent-posts-widget-for-blogger-with.html
Maklum masih belajar nih om... (heheehehh) dari dulu belajar ga lulus lulus...
Matur Nuwun Om...