Stylish Recent Post With Thumbnail ITGenius4u

<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 Post With Thumbnail in Blogger. So, if u want to do the same thing with …

Read more »