Widget recent post/artikel terbaru adalah widget yang menampilkan beberapa artikel terbaru di blog anda. Widget ini sangat membantu pengunjung blog anda untuk mengetahui artikel yang masih hangat di blog anda. Jadi Widget ini harus ada di blog anda. Untuk itu saya berbagi cara membuat widget recent post yang sangat simple dan tentunya ringan atau tidak memberatkan loading blog anda.
Lihat gambar di atas ! benar benar simple kan, hanya menampilkan judul dari artikel terbaru anda. langsung saja lihat caranya di bawah ini !
![]() |
Widget Recent Post Simple Ringan |
- Buka tata letak/Layout > Tambahkan Gadget > HTML/Javascript
- Selanjutnya Copas script di bawah ini
<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://kulkuly.blogspot.com/feeds/posts/default?max-results=8&alt=json-in-script&callback=recentpostslist"></script>
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://kulkuly.blogspot.com/feeds/posts/default?max-results=8&alt=json-in-script&callback=recentpostslist"></script>
http://kulkuly.blogspot.com/ ganti dengan URL blog anda
angka 8 adalah jumlah artikel terbaru yang akan muncul, ganti sesuai keinginan anda
Membuat Widget Recent Post Simple dan Ringan
4/
5
Oleh
Unknown
7 komentar
oh gitu ya gan baru tau nih... makasih ya
Replyhttp://landongobatherbal.com/obat-herbal-hepatitis-b/
nice post gan,,
Replymampirrr...
http://q-tulis.blogspot.com/
Langsung saya pasang gan.
Replyinfo kesehatan terbaru gan
Replyhttp://gr-healty.blogspot.com/
sip, tambah koleksi model recent postnya nih
Replymakasih gan bermanfaat
Replymampir
http://pigitubabi.blogspot.co.id/
ty bro bermanfaat sekali
Reply-berkomentarlah dengan baik sesuai topik
-menaruh link aktif dianggap spam