Best Design of Blogs Site

<h2>
<b><a href="http://kisabuj.blogspot.com/" target="_blank">Awesome Animated Style  of Recent post widget for Blogger. </a></b></h2>
<h3>
<span style="font-weight: normal;">It's very helpful and useful. It also very Attractive . Some people request me for nice recent post widgets for their Blog Site , so that today I Share It widgets, This widgets is Awesome Animated widgets.</span></h3>
<h3>
<span style="font-weight: normal;">I hope This widgets help to you and you like this widgets. </span></h3>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiohfx6TLuZG2CofHEInSMHz-AETjRRVaVdEw5Wr54b48QI_f-LYxm143k4DDkkSvViS3t8HzFZKivtLGg5VNYuW1XEKmUrnVb10pRSM9OQ0UqlMS7uebZ7Pu-JycSH5tgjU7bz4_T6ub0/s1600/recent.JPG" /></div>
<h3>
<b>Now</b><span style="font-weight: normal;"> Follow this instruction :</span></h3>
<h2>
Step 1:  <span style="font-weight: normal;">
Go to your blogger Dashboard</span><span style="font-weight: normal;">  and Click</span>  Layout</h2>
<h2>
Step 2:  <span style="font-weight: normal;">Now</span>  <span style="font-weight: normal;">Add a  new Widget Like   </span>HTML/JavaScript </h2>
<h2>
<span style="font-weight: normal;">Step 3:</span><span style="font-weight: normal;"> Now</span> Copy <span style="font-weight: normal;">this</span> Below Code <span style="font-weight: normal;">and</span> Pasted <span style="font-weight: normal;">this</span> Code  <span style="font-weight: normal;">on      </span> </h2>
<h2>
                    <span style="font-weight: normal;">this  </span>Widget</h2>
<div>
<br /></div>
<h2>
Step 4: <span style="font-weight: normal;">Then </span>save<span style="font-weight: normal;"> and enjoy yourself .......</span></h2>
<div>
<span style="font-weight: normal;"><br /></span></div>
<h2>
<span style="font-weight: normal;">Note:</span><span style="font-weight: normal;"> Please Replace </span><span style="background-color: #c2c2c2; color: red;">http://kisabuj.blogspot.com/</span><span style="font-weight: normal;"> this with your Blog </span><span style="font-weight: normal;">URL </span></h2>
<div style="background-color: #c2c2c2;">
<div>
<h4>
</h4>
<h4>
<style type="text/css"></h4>
</div>
<div>
<h4>
<span style="color: blue;">#post-gallery{width:100%;margin:0 auto;font:normal 11px Arial,Sans-Serif;color:##000000;padding:8px}#post-gallery .rp-item{float:left;display:inline;position:relative;margin:2px;padding:0;background:url(http://i.imgur.com/Xgup3Hw.gif) no-repeat 50% 50%;width:79px;height:79px}#post-gallery .rp-item img{width:69px;height:69px;border:2px solid silver;border-radius:50%;margin:0!important;padding:0!important;background:transparent!important;display:none;-webkit-transition-duration:.8s;-moz-transition-duration:.8s;-o-transition-duration:.8s;transition-duration:.8s;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;transition-property:transform;overflow:hidden}#post-gallery .rp-item img:hover{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg)}#post-gallery .rp-item .rp-child{position:relative;top:10%!important;left:10%!important;z-index:1000;width:200px;background-color:#fff;border:2px solid #f56954;-webkit-box-shadow:5px 5px 10px rgba(0,0,0,0.7);-moz-box-shadow:5px 5px 10px rgba(0,0,0,0.7);box-shadow:5px 5px 10px rgba(0,0,0,0.7);padding:10px 15px;overflow:initial;word-wrap:break-word;display:none;opacity:.9}#post-gallery .rp-item .rp-child h4{font-size:12px;margin:0 0 5px;color:#1BA1E2}#post-gallery .rp-item:hover .hidden{display:block}</span></h4>
<h4>
</style></h4>
<div>
<div>
<span style="color: #274e13;"><script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'></script></span></div>
<div>
<span style="color: magenta;"><script type="text/javascript"></span></div>
<div>
<span style="color: magenta;">var rpTitle     = "Recent Posts", // This Widget Title</span></div>
<div>
<span style="color: magenta;">    numposts    = 14,      // How much Posts to show</span></div>
<div>
<span style="color: magenta;">    numchar     = 200,      // How much Characters to be displayed on hover</span></div>
<div>
<span style="color: magenta;">    rcFadeSpeed = 600,      // Slid Speed</span></div>
<div>
<span style="color: magenta;">    pBlank      = "http://1.bp.blogspot.com/-htG7vy9vIAA/Tp0KrMUdoWI/AAAAAAAABAU/e7XkFtErqsU/s1600/grey.gif",      // If No Image</span></div>
<div>
<span style="color: magenta;">    blogURL     = "</span><span style="color: red;">http://kisabuj.blogspot.com/</span><span style="color: magenta;">";       // Your Blog URL Here</span></div>
<div>
<span style="color: magenta;"></script></span></div>
</div>
<br />
<br />
<br />
<br />
<br />
<br /></div>
</div>

Awesome Animated Style of Recent post widget for Blogger

Awesome Animated Style of Recent post widget for Blogger. It's very helpful and useful. It also very Attractive . Some people reque...