Recent post widget for blog??

Hello good day friends my recently post are got third rank out of ten so you can also add recent post blogger and got good page rank just try and tell i have given with some easy steps that should you follow.

1. Log in to your Blogger Dashboard 

2. go to Design 

3. Add a Gadget 

4. choose HTML/JavaScript
5. Choose & Copy the code of one of the options below and paste it into the new HTML/JavaScript:

                             START

<div id="hlrpsa">
<script src="http://helplogger.googlecode.com/svn/trunk/recent-posts-with-snippets.js">
</script>
<script>
var numposts = 5;var showpostdate = false;var showpostsummary = true;var numchars = 100;var standardstyling = true;
</script>
<script src="http://your-blog.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts">
</script></div>
<div id="rpdr" style="font-family: arial, sans-serif; font-size: 9px;">
<a href="http://helplogger.blogspot.com/2012/04/recent-posts-widget-for-bloggerblogspot.html" target="_blank" title="Grab this Recent Posts Widget">Recent Posts Widget</a> by <a href="http://helplogger.blogspot.com" title="Recent Posts Widget">Helplogger</a></div>
<noscript>Your browser does not support JavaScript!</noscript>
<style type="text/css">
#rpdr {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEic5CYPzlD9RC5AdHy8pg5S9zMOU8qwKcEGJxY_DQfNIWmYWkyvPHDJ7nx2m0I0kmm9Ds2uok38gl9Sk3kDKXOGRczuZs9K-YVh7XcgyPv9_uUXVHO4qptgAY_kEcao2V28r51ODwQOeAnX/s1600/blogger.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;}
#hlrpsa { border-bottom:1px #cccccc dotted; margin-top:-10px; padding-bottom:10px;}
.hlrps a {font-weight:bold; }
.hlrpssumm {}
</style>

                              END