Cara Membuat Widget Recent Posts Untuk Blog

Widget Recent Posts adalah widget berisi artikel yang terbaru dari sebuah blog. Widget ini untuk memberitahukan kepada pengunjung blog kita artikel terbaru. Widget ini simpel karena hanya menampilkan judul artikel saja, jadi tidak memberatkan blog.

Cara Memasang Widget Recent Posts Pada Blog, silakan salin dan simpan kode dibawah ini pada widget blog Anda, pada HTML/JavaScript

<ul id="recent-posts"></ul>
<script>
//<![CDATA[
var homePage = "http://beritatina.blogspot.co.id/",
numPosts = 5;
function recentPosts(a){if(document.getElementById("recent-posts")){var e=a.feed.entry,title,link,content="",ct=document.getElementById("recent-posts");for(var i=0;i<numPosts;i++){for(var j=0;j<numPosts;j++){if(e[i].link[j].rel=="alternate"){link=e[i].link[j].href;break}}var title=e[i].title.$t;content+='<li class="recent-posts"><strong><a href="'+link+'" title="'+title+'" target="_blank">'+title+'</a></strong></li>'}ct.innerHTML=content}}var rcp=document.createElement('script');rcp.src=homePage+'/feeds/posts/summary?alt=json-in-script&orderby=published&max-results='+numPosts+'&callback=recentPosts';document.getElementsByTagName('head')[0].appendChild(rcp);
//]]>
</script>

Silahkan ganti URL 'http://beritatina.blogspot.co.id/' dengan URL blog kita dan untuk mengatur jumlah artikel yang ingin ditampilkan silakan ganti angka '5' yang di tandai. Selamat mencoba