How to Add Recent Post Widget in Blogger Blog

Recent Post Widget for Blogger Blog

Recent Post Widget is a so helpful tool for a blog or website. The visitor can visit the most recent post by this tool. The Recent Post Widget show the most recent 10 posts or your expected numbers of posts. So the visitors get the links of the recent posts easily. So Recent Post Widget is a very effective tool for the Blogger. Because this tool can increase the visits of the site and also increase the Alexa Traffic Rank and Google Page Rank what is so important for a Blog or Site.

 Step 01  Log in to your Blogger Account
To add Recent Post Widget you have to Log-in to your Blogger Account first. Then click on Layout from the left side menu bar. Then click on Add a Gadget.

 Step 02  Add a HTML/JavaScript Gadget
After clicking on Add a Gadget a pop-up window will open like the image given below. Now find out HTML/JavaScript Gadget and click on that to add.

 Step 03  Add Title and HTML/JavaScript Codes
After clicking on HTML/JavaScript Gadget a pop-up window will open. There you will found two text input box. First one is Title where you can add the text Recent Posts or anything you like and in the Content Box you have to add the codes from the next step.

 Step 04  Copy the Codes and Paste them to Content Box
Now you have to copy the codes given below in the box and paste them into the Content Box of the pop window.
<div id="hlrpsb">
<script style="text/javascript" src="http://helplogger.googlecode.com/svn/trunk/recent-posts-with-titles-only.js"></script>
<script style="text/javascript">var numposts = 10;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script>
<script src="http://www.idhali.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script></div>
<style type=text/css>
#hlrpsb { }
.bbrecpost2 {
padding-top:6px;
padding-bottom:6px;
border-bottom: 1px #cccccc dotted; }
</style>

 Step 05  Save Your Work and Get Recent Post Widget
Finally click on Save button to save the gadget. Then place the gadget where you want to show the Recent Posts and click on Save Arrangement.

Related Posts...



UA-38646478-1