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!
GeeksFlameGeeksFlame is created with one mission in mind - to help you with all walks of life to discover tech-related topics and resources that can help you learn more about technology. Our passionate author covers all the latest trends in artificial intelligence, robotics, machine learning, web development, and search engine optimization. So, keep reading and stay ahead of the curve.
