Ada banyak macam widget recent post yang tersebar di internet, seperti: recent post dengan scrooll ke bawah, recent post tanpa gambar dan recent post dengan thumbnail keren.
Baca juga
Langsung saja
1. masuk ke blog sobat pilih Tata letak > tambahkan widget baru > pilih HTML/Java script
2. copy scipt di bawah dan pastekan
<script type="text/javascript">
function recentpostslist(json) {
document.write('<ul>');
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 = "<li>" + "<a href="+ entryUrl + '" target="">' + entryTitle + "</a> </li>";
document.write(item);
}
document.write('</ul>');
}
</script>
<script src="http://ssh-pagah.blogspot.com/feeds/posts/default?max-results=5&alt=json-in-script&callback=recentpostslist"></script>
Keteranganfunction recentpostslist(json) {
document.write('<ul>');
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 = "<li>" + "<a href="+ entryUrl + '" target="">' + entryTitle + "</a> </li>";
document.write(item);
}
document.write('</ul>');
}
</script>
<script src="http://ssh-pagah.blogspot.com/feeds/posts/default?max-results=5&alt=json-in-script&callback=recentpostslist"></script>
Ganti http://ssh-pagah.blogspot.com dengan url blog sobat
angaka 5 adalah jumlah artikel yang ingin di tampilkan
kemudian simpan dan lihat hasinya
Belum ada tanggapan untuk "Cara Membuat Recent Post Resvonsive Di Blogger"
Post a Comment