GeeksFlame
A Flame Spreading Tips & Tricks

RECENT POSTS widget with Thumbnail for Blogger

1 7

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!

1 Comment
  1. Joelwilliamsblog says

    Thanks sir,nice tutorial!!

Leave A Reply

Your email address will not be published.