How To Make Recent Post Thumbnail With Spy Effect

Post this time I will discuss a recent post thumbnail with Spy-Effect. And certainly recent post that I made this time different from the others, because of recent post that I make the thumbnail appear in these widgets.Examples of recent post can be seen here Interest to make this widget. Please follow this instruction below :

1. Sign in to your blogger account
2. Click Layout Then Select Add Gadgets, Choose HTML / Javascript
3. Copy and paste code below on the Add Gadget Element :

<script src="http://www.mdn.fm/files/87815_mctzz/jqueryversion1.4.2.js" type="text/javascript"></script> <style type="text/css" media="screen"> <!-- #spylist {overflow:hidden;margin-top:5px; padding:0px 0px;height:350px; } #spylist ul{width:220px; overflow:hidden; list-style-type: none; padding: 0px 0px;& margin:0px 0px; } #spylist li { width:208px; padding: 5px 5px; margin:0px 0px 5px 0px list-style-type:none; float:none; height:70px; overflow: hidden; background:#fff url(http://i977.photobucket.com/albums/ae255/h3n6r4/Others/simplespypost.jpg) repeat-x; border:1px solid #ddd; } #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; background:#EFEFEF; border:0; } .spydate{ overflow:hidden; font-size:10px;&l color:#0284C2; padding:2px 0px; margin:1px 0px 0px 0px; height:15px; font-family:Tahoma,Arial,verdana, sans-serif; ; } .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://i977.photobucket.com/albums/ae255/h3n6r4/Others/orpg0m.jpg";imgr[1] = "http://i977.photobucket.com/albums/ae255/h3n6r4/Others/orpg0m.jpg"; imgr[2] = "http://i977.photobucket.com/albums/ae255/h3n6r4/Others/orpg0m.jpg";imgr[3] = "http://i977.photobucket.com/albums/ae255/h3n6r4/Others/orpg0m.jpg";imgr[4] = "http://i977.photobucket.com/albums/ae255/h3n6r4/Others/orpg0m.jpg"; showRandomImg = true; boxwidth = 255;cellspacing = 6;borderColor = "#232c35";bgTD = "#000000"; thumbwidth = 70; thumbheight = 70; fntsize = 12; acolor = "#666"; aBold = true; icon = " "; text = "comments"; showPostDate = true; summaryPost = 40;summaryFontsize = 10;summaryColor = "#666";icon2 = " ";& numposts = 5;home_page = "http://demo-script.blogspot.com/"; limitspy=4intervalspy=4000</script> <div id="spylist"> <script src='http://www.mdn.fm/files/87825_w3g4u/recentpostsimpelspy.js' type='text/javascript'></script> </div>

4. Save The Gadget. You can change the code if you are understand with HTML code.
    And See The result. Goodluck !