Recent Post Widget With Thumbnails For Blogger

Recent Post Widget With Thumbnails For Blogger

Recent Post Widget is very helpful for reducing bounce rate,it help in increasing pageviews and visitors.So Today,i am sharing beautiful Recent Post Widget With Thumbnails For Blogger.It takes small space of your blog.Beautiful and eye catching style.

So Lets Start...

Recent Post Widget With Thumbnails For Blogger

Step 1
Go To Your Blogger Layout
Click On Add Widget
Add HTML/JAVA Widget
Now Paste Below Code In It

<div id="hlrpsa"><script src="http://helplogger.googlecode.com/svn/trunk/recent-posts-with-snippets.js"></script><script>var numposts = 5;var showpostdate = false;var showpostsummary = true;var numchars = 100;var standardstyling = true;</script><script src="http://www.f4uonlinecourses.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts"></script></div><style type="text/css">#hlrpsa a {color: #0B3861; font-size: 13px;} #rpdr {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKjhpxCpzV3Y3T2S9ChXi9WXr2pmE4sWWlQw8u77P_AZODQahETqpzY3CDe9LTlsc78lwMH0QLqyHBfIPNOhJaoduq3tQh5P6-2gPMNaU3t6BZn06vUSFuyC6z5jEbzeSp0JRAsMjoi_vF/s1600/blogger.png) 0px 0px no-repeat; padding: 1px 0px 0px 19px; height:14px; margin: 5px 0px 0px 0px;line-height:14px;}#rpdr, #rpdr a {color:#808080;}#hlrpsa { color: #999999; font-size: 11px; border-bottom:1px #cccccc dotted; margin-top:-10px; padding-bottom:10px;}.hlrps a {font-weight:bold; }.hlrpssumm {}</style>

You May Also Like: Beautiful Brick Box Label Widget For Blogger

Instruction
Replace             with your post number which you want to show
Replace             if you want to show post date
Replace             with number of description character you want to show
Replace             with your blog url.

Note
If you find any problem regarding 'Recent Post Widget With Thumbnails For Blogger' feel free to comment below.