Membuat Simple Recent Post Widget di Blogger

FANSUBLOGGER - Udah lama ga posting, kali ini saya posting aja cara membuat simple recent post untuk widget/sidebar. Mungkin udah banyak yang bikin tutorial kaya gini. Dan hampir semua blog pasti mempunyai widget seperti ini. Tapi disini saya mencoba untuk memberikan lagi tutorial ini.

Widget yang satu ini cocok sekali untuk template blog yang tidak bergambar. Dan widget ini sangat ringan, tidak membuat blog berat.

Cara pemasangannya juga sederhana.
1. Pertama masuk ke menu Layout/Tata letak > Tambah widget baru. Dan pastekan kode di bawah ini.

<style scoped='' type="text/css">
ul#recent-posts{list-style:none;margin:0;padding:0}li.recent-posts{display:block;clear:both;overflow:hidden;list-style:none;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:#444;}li.recent-posts a:hover{color:#444;text-decoration:underline}
</style>
<ul id="recent-posts"></ul>
<script>
//<![CDATA[
var homePage = "http://www.alamat-blog-kamu.blogspot.com",
numPosts = 10;
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>