Cara Membuat Widget Latest Post Seperti Blog Kang Ismet

Siang sobat blogger, pada kesempatan kali ini saya akan membahas bagaimana cara untuk membuat widget Recent Post atau Post Terbaru atau juga Latest Post ala blog kang ismet. Sebenarnya artikel ini sudah di bahas oleh kang ismet sendiri. Tapi akan saya tulis lagi agar sobat-sobat semuanya mengerti cara membuat widget recent post. Langsung saja simak tutorial berikut :

Di atas adalah contoh gambar dari latest post by kang ismet

Cara Mmbuat Recent Post Atau Latest Post :

Copy dan Paste-kan kode berikut pada HTML/JavaScript pada sidebar blog anda

<script type="text/javascript">

function showrecentposts(json){for(var i=0;i<numposts;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break}}posttitle=posttitle.link(posturl);if(standardstyling)document.write('<li>');document.write(posttitle)}if(standardstyling)document.write('</li>')}

</script>

<script type="text/javascript">var numposts = 10;var showpostdate = true;var showpostsummary = true;var numchars = 100;var standardstyling = true;</script><script type="text/javascript" src="http://readcyber.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts"></script>

Keterangan :

•  10 adalah jumlah postingan yang akan ditampilkan
• http://readcyber.blogspot.com silahkan ganti dengan url blog anda

Nanti warna link akan menyesuaikan seperti link yang ada di blog anda.

Sekian tutorial dari saya semoga bermanfaat bagi sobat semua.