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
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:
Untuk langsung menjalankan kode-kode HTML atau javascript, anda bisa menggunakan TryIt editor.
1 comments:
tips yang sangat bermanfaat.thanks sobat
Post a Comment