Tutorial Membuat Widget Recent Post Simple dan Ringan

Semuatutorial-ada 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.

Gambar di atas adalah sebagai cnontohnnya, oke langsung aja kita ke Scriptnya silahkan langsung liat caranya 

• 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://semuatutorial-ada.blogspot.com/feeds/posts/default?max-results=8&amp;alt=json-in-script&amp;callback=recentpostslist"></script>

http://semuatutorial-ada.blogspot.com/ ganti dengan URL blog anda

angka 8 adalah jumlah artikel terbaru yang akan muncul, ganti sesuai keinginan anda

Semoga bermanfaat tutorial ini bagi kalian semua salam Blogger

Share this post