Menampilkan recent post berdasarkan label di blog

Friday, August 20, 2010


Banyak widget-widget recent post disana yang lebih kompleks, namun kali ini saya kasih script yang lebih sederhana dan efektif untuk dipasang pada blog anda. Recent post kali ini akan menampilkan postingan blog menurut labelnya. Jadi kalau anda mau menampilkan list postingan dengan label-label tertentu saja bisa menggunakan trik ini.

Silakan copy kode dibawah

<script type="text/javascript">
function recentpostslist(json) {
for (var i = 0; i < json.feed.entry.length; i++)
{
for (var j = 0; j < json.feed.entry[i].link.length; j++) {
if (json.feed.entry[i].link[j].rel == 'alternate') {
break;
}
}
var entryUrl = "'" + json.feed.entry[i].link[j].href + "'";//bs
var entryTitle = json.feed.entry[i].title.$t;
var item = "<br>" + "<a href="+ entryUrl + '" target="_blank">' + entryTitle + "</a> </li>";
document.write(item);
}
document.write('</br>');
}
</script>
<script src="http://blog-tutorial-menarik.blogspot.com/feeds/posts/summary/-/NamaLabel?max-results=10&alt=json-in-script&callback=recentpostslist"></script>



Berikut penjelasannya:
- paste script ini di gadget baru html/javascript pada edit layout
- Nama blog diganti dengan nama blog anda atau blog lainnya sesuai keinginan
- max-results=10, artinya script akan menampilkan 10 link postingan saja, bisa diatur sendiri mau berapa banyak link yang muncul
- NamaLabel diganti dengan nama label yang ada di blog. Ingat, sifatnya case sensitive


Tambahan, jika anda ingin menampilkan seluruh recent post blog tujuan tanpa melihat label, tinggal ubah link
http://nama blog.blogspot.com/feeds/posts/summary/-/NamaLabel
menjadi
http://nama blog.blogspot.com/feeds/posts/default

Selamat mencoba

SHARE THIS POST:
FB Share Twitter Share
Untuk langsung menjalankan kode-kode HTML atau javascript, anda bisa menggunakan TryIt editor.

Click to open

Kunjungi juga blog saya yang lain di Online tutorial

1 comments:

asepiinmaulana said...

tips yang sangat bermanfaat.thanks sobat

Post a Comment