stylish recent post widget for blogger

Step 1: Login in to Blogger Dashboard 

      Step 2: Then Click “Add Gadget” 


Step 3: After that select Gadget “Add Gadget” again and select “HTML/Javascript”

Step 4:  copy This HTML to Add gadget

                         
                                               DEMO


<script src="http://goo.gl/s5FOJx" type="text/javascript"></script> <style type="text/css" media="screen"> <!-- #spylist { overflow:hidden; margin-top:5px; padding:0px 0px; height:350px; } .spydate{ overflow:hidden; font-size:10px; } #spylist ul{ width:350px; overflow:hidden; list-style-type: none; padding: 0px 0px; margin:0px 0px; } #spylist li { width:230px; background: #1ed2f2; list-style-type: none; margin:0 0 5px 0px; padding:5px 5px 1px 10px !important; -webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-o-transition:all 0.2s ease;border: 0 none !important;-webkit-border-top-left-radius:40px;-webkit-border-bottom-right-radius:40px;-moz-border-radius-topleft:40px;-moz-border-radius-bottomright:40px;border-top-left-radius:40px;border-bottom-right-radius:40px; } #spylist li:hover { background: #84f6f5; } #spylist li a { text-decoration:none; color:#4B545B; font-size:11px; height:18px; overflow:hidden; margin:0px 0px; padding:0px 0px 2px 0px; } #spylist li img { float:left; margin-right:5px; margin-top:3px; background:none; border:0; } .spycomment{ overflow:hidden; font-family:Tahoma,Arial,verdana, sans-serif; font-size:10px; color:#262B2F; padding:0px 0px; margin:0px 0px; } --> </style> <script language='JavaScript'> imgr = new Array(); imgr[0] = "http://goo.gl/50QKQn"; imgr[1] = "http://goo.gl/IZf6Si"; imgr[2] = "http://goo.gl/aOZSf5"; imgr[3] = "http://goo.gl/5NLMiR"; imgr[4] = "http://goo.gl/jDs3Yp"; showRandomImg = true; boxwidth = 255; cellspacing = 6; borderColor = "#232c35"; bgTD = "#000000"; thumbwidth = 70; thumbheight = 70; fntsize = 12; acolor = "#666"; aBold = true; icon = " "; text = "comments"; showPostDate = false; summaryPost = 40; summaryFontsize = 10; summaryColor = "#666"; icon2 = " "; numposts = 5; home_page = "http://insecurespot.blogspot.in/"; limitspy=4 intervalspy=4000 </script> <div id="spylist"> <script src='http://goo.gl/s5FOJx' type='text/javascript'></script> </div> <a style=" float:right;font-size:8px; color:#3B78CD; text-decoration:none;" href="http://insecurespot.blogspot.in/2012/11/how-to-add-stylish-animated-blogger.html">crackstrick widget</a>.

Step 5: Now replace     insecurespot.blogspot.in with your Blog Name

Thats it!! You are done.:)))