Show Recent Posts Widget In BlogSpot / Blogger Blogs

UPDATE:  I updated some of my posts, this post I update Recent Posts Widget for Blogger / Blogspot with Summary And Read More........

STEP #1 Log in to Blogger, go to Layout

Add a Gadget of HTML/JavaScript type. 

Then add this code in to it:.

<div id="24work">

<a href='http://bit.ly/work24'><img alt='blogger widgets' src='https://sites.google.com/site/bdlab12/24work/blogspot%2btutorial.png'/></a>

<script style="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/recent-posts/recent_posts_widget_post_titles.js"></script>

<script style="text/javascript">var numposts = 10;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script>

<script src="http://24work.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script></div>

<div style="font-family: arial, sans-serif; font-size: 9px;" id="rpdr"><a href="http://24work.blogspot.com/2011/12/recrecent-posts-widget-for-blogger.html" title="Grab this Recent Posts Widget" target="_blank">Recent Posts Widget</a> by <a href="http://24work.blogspot.com" title="Recent Posts Widget">Blogger Widgets</a></div><noscript>Oops! Make sure JavaScript is enabled in your browser.</noscript>

<style type=text/css>

#rpdr {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2aTyfhFh_tkIMMhmNRO4JkRMQjHb8fSnaMQRHww1hM4KJKkE9Oc6wb16ROtC94_VrnRmtw_XboGGDIBpQ84T_T9W0DRy0akT6OhtaMEGi22DdNK_EqxW-NQrmvYElq6R0TbwDilv-Pj8a/s300/blgo.png) 0px 0px no-repeat; padding: 1px 0px 0px 19px; height:14px; margin: 5px 0px 0px 0px;line-height:14px;}

#rpdr, #rpdr a {color:#808080;}

#mtrpwb { }

.bbrecpost2 {

padding-top:6px;

padding-bottom:6px;

border-bottom: 1px #cccccc dotted; }

</style>

And now click Save