Widget Recent Post

Widget recent post adalah widget untuk memberi tahu kepada para pengunjung blog tentang artikel terbaru yang ada di blog kita.
Berikut ini cara membuat widget recent post.

1. Masuk ke akun blogger sobat => edit tata letak => tambahkan gadget => html/javascript.
2. Masukkan kode berikut ini :
   <div style="overflow:auto; width:100%px; max-height:250px; padding:5px;">
   <style>
   img.recent_thumb
   {padding-right:10px;padding-left:padding-bottom:0px;0px;width:55px;height:55px;border:0;float:left;margin:0
   0 5px 0px;}
   .recent_posts_with_thumbs {float: left;width: 100%;min-height:
   55px;margin: 0px 0px 5px 0px;padding:
   0;font-size:12px;font-color:yellow;}
   ul.recent_posts_with_thumbs li
   {padding-bottom:5px;padding-top:0px;padding-left:0px;padding-right:20px;min-height:50px;list-style:normal;}
   .recent_posts_with_thumbs a {text-decoration:none;}
   .recent_posts_with_thumbs normal {font-size:13px;}
   </style>
   <script type="text/javascript"
   src="http://blogedek-javascript.googlecode.com/files/recentpoststhumb.js"></script>
   <script type="text/javascript">
   var numposts = 5;
   var showpostthumbnails = true;
   var displaymore = false;
   var displayseparator = false;
   var showcommentnum = true;
   var showpostdate = true;
   var showpostsummary = true;
   var numchars = 75;
   </script>
   <script src="http://www.santrijadijutawan.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs"
   type="text/javascript"></script></div>
3. Simpan

Hasilnya nanti seperti gambar di bawah ini :

NB :
Gantilah link santrijadijutawan.blogspot.com dengan link milik sobat.
Kalau ada yang belum jelas silahkan bertanya lewat kolom komentar.