My Blog Widgets: Recent Posts

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOm4gWsfF-c8LnH1RWYAqyJfNaoZ86wV3WXG9sjF_UEd8-s5u9N1coPPGephbZWM3UjjsfmfdASoI0ebTIp9d2wuJIshyVo0yH6h_RzTGbHTnil9FbT9aiVTDoQUL94d7L799DiIo3Vxt5/s1600/Advanced+Auto+Scrolling+Recent+Posts+Widget+Generator+For+Blogger++Blogspot.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="146" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOm4gWsfF-c8LnH1RWYAqyJfNaoZ86wV3WXG9sjF_UEd8-s5u9N1coPPGephbZWM3UjjsfmfdASoI0ebTIp9d2wuJIshyVo0yH6h_RzTGbHTnil9FbT9aiVTDoQUL94d7L799DiIo3Vxt5/s320/Advanced+Auto+Scrolling+Recent+Posts+Widget+Generator+For+Blogger++Blogspot.png" width="320" /></a></div>
If you have a lot of post on the blog, or if you want to show everyone 
your list of favorite books, but have little space in the sidebar widget
 this will be a great help to you. This post explains how to add auto 
scrolling (marquee) recent posts Widget on his blog that looks good on 
your blogspot blog. This is similar to the display of recent post in 
your sidebar, but this will have a marquee in this widget. Now if you 
want to show your blog in this way, either on top or bottom of your 
blog, then you can use this new widget. <br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4axKNmHtv4V0PsFkLu0rMz-iobaXuALOFjPHa-lLoBMiIGVsocQ_BgX4kYwTikd13LTvPEHw8fenqv3V6CAUgas4kIZ75K0gyCEXhLTLah317obAvvlMjrG7oEi3kzJRG3CHx4DFoLDuM/s1600/Advanced+Auto+Scrolling+Recent+Posts+Widget+Generator+For+Blogger++Blogspot.gif" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="72" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4axKNmHtv4V0PsFkLu0rMz-iobaXuALOFjPHa-lLoBMiIGVsocQ_BgX4kYwTikd13LTvPEHw8fenqv3V6CAUgas4kIZ75K0gyCEXhLTLah317obAvvlMjrG7oEi3kzJRG3CHx4DFoLDuM/s640/Advanced+Auto+Scrolling+Recent+Posts+Widget+Generator+For+Blogger++Blogspot.gif" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">This Widget is look like this scrolling.</td></tr>
</tbody></table>
<br />
<span style="color: #0b5394;"><span style="font-size: large;"><b><span style="font-family: 'Trebuchet MS',sans-serif;">How to Install This Widget On 'Blogger' ?</span></b></span></span><br />
<ol>
<li><b>Customize Options</b> in Given <span style="color: #0b5394;"><b>Widget Generator Form</b></span></li>
<li>Click on <span style="color: #0b5394;"><span style="font-size: medium;"><b>Generate</b></span> </span>Button</li>
<li>Click <span style="color: #0b5394;"><span style="font-size: medium;"><b>Preview</b></span></span>** Button to see your widget Preview </li>
<li>Finally Click<span style="color: #0b5394;"> <span style="font-size: medium;"><b>Add to Blogger</b></span></span> Button to add this widget on Your blog</li>
</ol>
<div style="font-family: Georgia,"Times New Roman",serif;">
<i style="color: #999999;">**Note:- After changing any values, First Click <b><span style="color: #0b5394;">Generate </span></b>Button and then See Your <span style="color: #0b5394;"><b>Preview</b></span></i></div>
<i><span style="color: #999999;"><b style="font-family: Georgia,"Times New Roman",serif;"> </b><span style="font-family: Georgia, 'Times New Roman', serif;">Note:-</span><b style="font-family: Georgia,"Times New Roman",serif;"> </b><span style="font-family: Georgia, 'Times New Roman', serif;">Choose appropriate Image Bullet or Icon That have transparent <b><span style="color: #0b5394;">Background </span></b>and small in <span style="color: #0b5394;"><b>Size  </b></span></span> </span></i>

<br />
<br />
<br />
<center>
<iframe frameborder="0" height="700px" scrolling="no" src="http://dl.dropboxusercontent.com/s/e06ywvmp3uye0zn/Advanced%20Auto%20Scrolling%20Recent%20Posts%20Widget%20Generator%20For%20Blogger.html" width="700px"></iframe></center>
<div style="text-align: center;">
<span style="color: #0b5394;"><b>If any Problem Ask in Comments.</b></span></div>

Advanced Auto Scrolling Recent Posts Widget Generator For Blogger / Blogspot

If you have a lot of post on the blog, or if you want to show everyone your list of favorite books, but have little space in the sidebar ...

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgO1nbW0OryRbEJrrrnO_yOttPQfp8AlcV5vkADn433cPKOSv-hjJOmNgOzT4dODtSgzlq4wXa8jRQIX_J-clx_pRZBCty1k8v_NK1mR5Iq-TXbcNaYYgUSFg3ZcxwBr9aV3kumM3kBwMZO/s1600/Add+New+and+Flexible+Recent+Posts+Widget+With+Thumbnail+for+Blogger.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgO1nbW0OryRbEJrrrnO_yOttPQfp8AlcV5vkADn433cPKOSv-hjJOmNgOzT4dODtSgzlq4wXa8jRQIX_J-clx_pRZBCty1k8v_NK1mR5Iq-TXbcNaYYgUSFg3ZcxwBr9aV3kumM3kBwMZO/s200/Add+New+and+Flexible+Recent+Posts+Widget+With+Thumbnail+for+Blogger.png" width="112" /></a>Animated recent post is a fantastic way to present headlines updates to 
your readers.The effect of smooth <br />
scrolling attract readers and generate
 more clicks to your site.This gadget displays your most recent posts 
and includes a small thumbnail, but has the added bonus of using an 
animated effect that moves smoothly through the posts.There are a lot of
 great tutorials discussing on how to add Animated Recent posts for 
blogger with thumbnails and Simple Spy, but most of the tutorials I've 
found are not really suitable for a beginner.<br />
<br />
<div style="text-align: center;">
<b>Watch This Video To Add Rounded Animated Flexible Recent Posts With Thumbnail Widget for Blog </b></div>
<div style="text-align: center;">
<br />
<iframe allowfullscreen="" frameborder="0" height="315" src="//www.youtube.com/embed/vd6Y4Je32lQ" width="560"></iframe>
</div>
<div style="text-align: center;">
<b><span style="color: #0b5394;"><br /></span></b>
<b><span style="color: #0b5394;"><br /></span></b>
<b><span style="color: #0b5394;">Or Follow These Steps</span></b></div>
<br />
<b><span style="color: #0b5394;">Step 1:</span></b> <b>Adding a New and Flexible Recent Posts Widget With Thumbnail for Blogger.</b><br />
Now let's start adding it...<br />
<br />
<b><span style="color: #0b5394;">Step 2:</span></b> Login to Your Blogger Account.Go to your <b><span style="color: #0b5394;">Blogger Dashboard>Layout>Add a Gadget.</span></b><br />
<br />
<br />
<div>
</div>
<div>
<b><span style="color: #0b5394;">Step 3:</span></b> After click on Add a Gadget link A pop-up box will open now<br />
<br /></div>
<div>
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2NBHy5gDBgEgcJxXLh_uiUcubKIfCWObP_PsxBB1lJOBdgv_IFLDpDcW7-a9VdOR1ihQexmiqwtC3lJh7V7TXfilbhjVGhPuVMzbRLrlQH7vivr3FbaIkrcfRGTCKzuvdNOxvLd3VYtjT/s1600/2013-12-07_051839.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="106" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2NBHy5gDBgEgcJxXLh_uiUcubKIfCWObP_PsxBB1lJOBdgv_IFLDpDcW7-a9VdOR1ihQexmiqwtC3lJh7V7TXfilbhjVGhPuVMzbRLrlQH7vivr3FbaIkrcfRGTCKzuvdNOxvLd3VYtjT/s400/2013-12-07_051839.png" width="400" /></a></div>
<div>
<br />
Select "HTML/JavaScript" from the gadget options by clicking the blue plus sign for that gadget.</div>
<div>
</div>
<br />
<br />
<div>
<b><span style="color: #0b5394;">Step 4:</span><span style="color: blue;"> </span></b>Select 'HTML/Javascript' and add the one of code given below.</div>
<div>
<br /></div>
<blockquote class="tr_bq">
<style type="text/css"><br />
/*<![CDATA[*/<br />
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}<br />
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}<br />
.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}<br />
.label_with_thumbs a{color:#3395BF;font-size:12pt;outline:0;text-decoration:none}<br />
.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}<br />
#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}<br />
#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}<br />
#mdjumplink a{color:#888!important;text-decoration:none;display:block;margin:2px}<br />
#mdjumplink a:hover{color:#888!important;text-decoration:none}<br />
#mdcomments{padding:6px 12px;background:#3395BF;color:#FFFFFF!important;font-size:13px;font-weight:800}<br />
#mdcomments:hover{background:#F4A557;text-decoration:none}<br />
/*]]>*/<br />
</style><a href="http://myblog-widgets.blogspot.com/" rel="dofollow" 
target="_blank" title="Blogger Tips and Tricks"><img 
src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" 
border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" 
/></a><a href="http://myblog-widgets.blogspot.com/" rel="dofollow" 
target="_blank" title="Latest Tips For Bloggers"><img 
src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" 
border="0" style="position: fixed; bottom: 10%; right: 0%;" 
/></a><a href="http://myblog-widgets.blogspot.com/" rel="dofollow" 
target="_blank" title="Blogger Tricks"><img 
src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" 
style="position: fixed; bottom: 10%; left: 0%;" 
/></a><script type="text/javascript" 
src="http://dl.dropboxusercontent.com/s/lvcqh2soqpa5tty/animated-recent-posts-ycode-5.js"></script><br />
<script type='text/javascript'><br />
//<![CDATA[<br />
<span style="color: lime;"><b>var numposts = 5</b>;</span><br />
<span style="color: red;"><b>var showpostthumbnails = true</b>;</span><br />
<span style="color: magenta;"><b>var displaymore = true</b>;</span><br />
var displayseparator = true;<br />
<span style="color: #a64d79;"><b>var showcommentnum = false</b>;</span><br />
var showpostdate = false;<br />
var showpostsummary = false;<br />
var numchars = 80;<br />
//]]><br />
</script><br />
<script src='<b><span style="color: #0b5394;">http://myblog-widgets.blogspot.com/</span></b>feeds/posts/default?orderby=published&alt=json-in-script&callback=labelthumbs'></script></blockquote>
<br />
<br />
<b><span style="color: #0b5394;">Step 5:</span> Customization:</b><br />
<b><span style="color: lime;">var numposts = 5</span></b>; (Number of Posts to be shown)<br />
<span style="color: red;"><b>var showpostthumbnails = true</b>;</span> (Post Image)<br />
<span style="color: magenta;"><b>var displaymore = true</b>;</span> (More Button)<br />
<span style="color: #a64d79;"><b>var showcommentnum = false</b>;</span> (No of Comments)<br />
var showpostdate = false; (Post Date)<br />
var showpostsummary = false; (Post Summry)<br />
var numchars = 80; (Characters in post summary)<br />
True is for Display item and False for not to display. Change According to your needs.<br />
<br />
Change <b><span style="color: #0b5394;">http://myblog-widgets.blogspot.com</span></b> with your Website/ Blog URL.

Add New and Flexible Recent Posts Widget With Thumbnail for Blogger / Website

Animated recent post is a fantastic way to present headlines updates to your readers.The effect of smooth scrolling attract readers and ge...

AddThis

Advanced Auto Scrolling Recent Posts Widget Generator For Blogger / Blogspot

Add New and Flexible Recent Posts Widget With Thumbnail for Blogger / Website

AddThis Smart Layers