ITGenius4u: stylish recent post widget in blogger

<h2>
<span style="font-size: x-large;">       <u>Stylish Recent Post With Thumbnail</u> </span></h2>
<div>
Today i come up with another cool blogger trick , it's about showing <u><b>Stylish Recent Post With Thumbnail</b></u> in Blogger. So, if u want to do the same thing with your Blogger Blog, You just need to add some simple Scripts in your Blog Layout..</div>
<h2>
<span style="font-family: Times, Times New Roman, serif; font-size: x-large;"><u style="font-weight: normal;"><i>Preview:</i></u></span></h2>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6AwGThjPo7CNU3hNtC403wZORXHDIo8gWHizWWaN8oG5vd04daaXdkSsb7QAuXoOGKMAuxwQAvQjApmp2XvH06qGK9OKAfO8_0sxmCrxwpgFStEiOaVk11CY-wckK8vPgLWtCnprGR1t_/s1600/rp.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="290" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6AwGThjPo7CNU3hNtC403wZORXHDIo8gWHizWWaN8oG5vd04daaXdkSsb7QAuXoOGKMAuxwQAvQjApmp2XvH06qGK9OKAfO8_0sxmCrxwpgFStEiOaVk11CY-wckK8vPgLWtCnprGR1t_/s1600/rp.jpg" width="400" /></a></div>
<h2>
<span style="font-family: Times, Times New Roman, serif; font-size: large;"><u style="font-weight: normal;"><i>How to Install this Widget on Blog?</i></u></span></h2>
<div>
<ol>
<li><span style="font-family: Times, Times New Roman, serif;">Sign in to your Blog</span></li>
<li><span style="font-family: Times, Times New Roman, serif;">Go to layout of your Blog</span></li>
<li><span style="font-family: Times, Times New Roman, serif;">Select HTML/Java Script</span></li>
<li><span style="font-family: Times, Times New Roman, serif;">Copy and paste the Below Script </span></li>
<li><span style="font-family: Times, Times New Roman, serif;">And you done.</span></li>
</ol>
<h2>
<span style="font-family: Times, Times New Roman, serif; font-size: x-large;"><u style="font-weight: normal;"><i>Script:</i></u></span></h2>
</div>
<div>
<span style="font-family: Times, Times New Roman, serif;"></span><br />
<div>
<span style="font-family: Times, Times New Roman, serif;"><style type="text/css"></span></div>
<span style="font-family: Times, Times New Roman, serif;">
</span>
<br />
<div>
<span style="font-family: Times, Times New Roman, serif;">/*<![CDATA[*/</span></div>
<span style="font-family: Times, Times New Roman, serif;">
</span>
<br />
<div>
<span style="font-family: Times, Times New Roman, serif;">img.label_thumb{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;float:left;padding:0;border:3px solid #cccccc;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;background:#fff;margin-right:10px;height:70px;width:70px}</span></div>
<span style="font-family: Times, Times New Roman, serif;">
</span>
<div>
<span style="font-family: Times, Times New Roman, serif;">img.label_thumb:hover{-moz-transform:scale(1.2) rotate(-350deg);-webkit-transform:scale(1.2) rotate(-350deg);-o-transform:scale(1.2) rotate(-350deg);-ms-transform:scale(1.2) rotate(-350deg);transform:scale(1.2) rotate(-350deg);-webkit-box-shadow:0 0 20px rgba(0,0,0,0.3),inset 0 0 20px rgba(0,0,0,0.1);-moz-box-shadow:0 0 20px rgba(0,0,0,0.3),inset 0 0 20px rgba(0,0,0,0.1);box-shadow:0 0 20px rgba(0,0,0,0.3),inset 0 0 20px rgba(0,0,0,0.1);background:#f7f6f6}</span></div>
<span style="font-family: Times, Times New Roman, serif;">
<div>
.label_with_thumbs{float:left;width:100%;min-height:70px;margin:0 10px 2px 0;adding:0}ul.label_with_thumbs li{background:#f5f5f5;list-style-type:none;padding:8px 0;min-height:65px;margin-bottom:5px}</div>
<div>
.label_with_thumbs a{color:#3395BF;font-size:12pt;outline:0;text-decoration:none}</div>
<div>
.label_with_thumbs a:hover,.label_with_thumbs a:focus{color:#F4A557}.credits,.credits a{font-size:12px!important;text-align:left;text-shadow:0 1px 0 #fff;color:#888}</div>
<div>
#mdjumplink{font-weight:800;background:#f7f8f9;background:-webkit-linear-gradient(top,#f7f8f9 0,#e9e9e9 100%);background:-moz-linear-gradient(top,#f7f8f9 0,#e9e9e9 100%);background:-o-linear-gradient(top,#f7f8f9 0,#e9e9e9 100%);background:-ms-linear-gradient(top,#f7f8f9 0,#e9e9e9 100%);background:linear-gradient(top,#f7f8f9 0,#e9e9e9 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f8f9',endColorstr='#e9e9e9',GradientType=0);border:1px solid #ddd;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;padding:6px 12px;margin:0;-webkit-box-shadow:0 1px 0 #f9f9f9 inset,1px 1px 1px rgba(223,223,223,0.4);-moz-box-shadow:0 1px 0 #f9f9f9 inset,1px 1px 1px rgba(223,223,223,0.4);box-shadow:0 1px 0 #f9f9f9 inset,1px 1px 1px rgba(223,223,223,0.4);color:#888!important;text-shadow:0 1px 0 #fff;line-height:1.2;cursor:pointer;font-size:13px;font-weight:bold;text-decoration:none!important}</div>
<div>
#mdjumplink:hover{background:#f1f1f1;background:-webkit-linear-gradient(top,#f1f1f1 0,#e0e0e0 100%);background:-moz-linear-gradient(top,#f1f1f1 0,#e0e0e0 100%);background:-o-linear-gradient(top,#f1f1f1 0,#e0e0e0 100%);background:-ms-linear-gradient(top,#f1f1f1 0,#e0e0e0 100%);background:linear-gradient(top,#f1f1f1 0,#e0e0e0 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1',endColorstr='#e0e0e0',GradientType=0);text-decoration:none!important}</div>
<div>
#mdjumplink a{color:#888!important;text-decoration:none;display:block;margin:2px}</div>
<div>
#mdjumplink a:hover{color:#888!important;text-decoration:none}</div>
<div>
#mdcomments{padding:6px 12px;background:#3395BF;color:#FFFFFF!important;font-size:13px;font-weight:800}</div>
<div>
#mdcomments:hover{background:#F4A557;text-decoration:none}</div>
<div>
/*]]>*/</div>
<div>
</style></div>
<div>
<script type='text/javascript'></div>
<div>
//<![CDATA[</div>
<div>
var numposts = 6;</div>
<div>
var showpostthumbnails = true;</div>
<div>
var displaymore = true;</div>
<div>
var displayseparator = true;</div>
<div>
var showcommentnum = true;</div>
<div>
var showpostdate = true;</div>
<div>
var showpostsummary = true;</div>
<div>
var numchars = 80;</div>
<div>
//]]></div>
<div>
</script></div>
<div>
<script type="text/javascript" src="http://makingdifferent.github.com/blogger-widgets/Recent-posts%5Bwww.makingdifferent.com%5D.js"></script></div>
<div>
<script type="text/javascript" src="<span style="color: #f1c232;">http://www.itgenius4u.blogspot.com</span>/feeds/posts/default?orderby=updated&alt=json-in-script&callback=labelthumbs"></script></div>
<div>
<br /></div>
<h2>
<u><span style="font-size: x-large; font-weight: normal;"><i>Note:</i></span></u></h2>
<div>
<span style="color: #990000;">replace your Blog URL with the Yellow mention Link..</span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">                      </span><span style="font-size: x-large;"><u>Thanks for Visiting</u></span></div>
<div>
<br /></div>
</span></div>
<br />

Stylish Recent Post With Thumbnail ITGenius4u

Stylish Recent Post With Thumbnail Today i come up with another cool blogger trick , it's about showing Stylish Recent Pos...