Cara Menambahkan Recent Post Pada Footer Blog

Kali ini saya akan bagikan bagaimana cara menambahkan widget recent post pada blog. Kebetulan saya juga barusaja memasang recent post di footer dan sekalian saya untuk menulisnya. Oke langsung saja tanpa basa basi lagi, hasil widget recent post seperti dibawah in :

Langkah awal yang perlu kita lakukan ialah login terlebih dahulu akun blogger anda, kemudian masuk ke dashboard blog anda. Masuk pada menu tata letak, pada bagian kolom widget footer tambahkan widget baru kemudian pilih  HTML/JavaScript. Beri judul widget dengan kata recent post atau yang lainnya, kemudian masukan secript dibawah ini :

<style scoped='' type="text/css">
ul#recent-posts{
list-style:outside none none;
margin:0;padding:0}
li.recent-posts{display:block;clear:both;overflow:hidden;border-bottom:1px solid #e3e3e3;word-break:break-word;padding:10px 0;margin:0;}
li.recent-posts:last-child{border-bottom:0;}
li.recent-posts a{color:#999;}
li.recent-posts a:hover{color:#fff;text-decoration:none}
</style>
<ul id="recent-posts"></ul>
<script>
//<![CDATA[
var homePage = "http://link blog anda",
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"><a href="'+link+'" title="'+title+'" target="_blank" rel="nofollow">'+title+'</a></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>

Kemudian ganti text berwarna merah diatas, jika sudah tinggal klik simpan, kemudian klik lagi simpan setelan. Langkah selanjutnya tinggal cek di blog anda.