RECENT POSTS widget with Thumbnail for Blogger


The main advantage of Recent Posts widget is that it will show 3-4 posts under the post that user will open. It will attract visitors and they will use to open that recent posts which will helps you to increase page views for your website.

For adding Simple Recent Posts widget, follow steps below

1. Go to Blogger > Layout
2. Click on ‘Add a Gadget’
3. Choose Html/Javascript and paste the code given below. (Remember to replace GeeksFlame with your site name)
<div id=”tt”>
<script style=”text/javascript” src=”http://GeeksFlame.googlecode.com/files/recent-post-%20with-%20specified%20lable.js”></script>
<script style=”text/javascript”>var numposts = 5;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script>
<script src=”http://www.GeeksFlame.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts”></script></div>
<div style=”font-family: Verdana, sans-serif; font-size: 9px;” id=”rpdr”></div><noscript>Oops! Make sure JavaScript is enabled in your browser.</noscript>
<style type=text/css>
#rpdr {background:0px 0px no-repeat; padding: 1px 1px 1px 1px; height:1px; margin: 0px 0px 0px 0px;line-height:14px;}
#rpdr, #rpdr a {color:#808080;}
#tt{ }
.bbrecpost2 {
padding-top:6px;
padding-bottom:6px;
border-bottom: 1px #cccccc dotted; }
</style>
4. Replace Bold/Italic words with your website and ‘5’ with number of posts you wants to show.
Congrats! You are successful in adding Recent Posts widget to blogger. Having trouble? Tell us in comments!

About the Author

Varundeep Singh
Hi, I am Varundeep Singh owner of this blog and a Mechanical engineer. I am here to blog all the stuff related to technology, blogging, gadgets, pc-tricks and much more. Blogging is my best hobby as i am just madly in love with it!

Be the first to comment on "RECENT POSTS widget with Thumbnail for Blogger"

Leave a comment

Your email address will not be published.


*