How to add Recent Posts Widget on Blogger Blogs


Recently one of our blog readers requested for a way to add a recent post widget on his blog. Today, I want to explain a simple way to add recent post widget on blogger blogs easily without much ado.

Recent-Posts-Widget-for-Blogger

In this tutorial, am presenting you with two methods that you can use to add a recent post widget on your blogger blogs. The first method is adding manually while the second one is adding using generator. Both methods works very ok, you just have to go with the one that you prefer. Before You Proceed, read:

Steps a Simple Recent Post Widget on Blogger

1. Log in to your Blogger Dashboard >> Layout >> Add a Gadget >> choose HTML/JavaScript

2. Choose & Copy the code below into the new HTML/JavaScript and then name it Recent Posts or any name that you like:

<div id="hlrpsb">
<script style="text/javascript" src="http://olusegun-fapohunda-calculator.googlecode.com/svn/justnaira/recent-post.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://Your-Blog_Address-HERE/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script></div>
<div style="font-family: arial, sans-serif; font-size: 9px;" id="rpdr"><a href="http://www.justnaira.com/2012/01/recent-post-widget-for-blogger.html" title="Grab this Recent Posts Widget" target="_blank">Recent Posts Widget</a> by <a href="http://www.justnaira.com" title="Recent Posts Widget">JustNaira</a></div><noscript>Oops! Make sure JavaScript is enabled in your browser.</noscript>
<style type=text/css>
#rpdr {background: url( http://3.bp.blogspot.com/-WM-QlPmHc6Y/T5wJV58qj9I/AAAAAAAACAk/1kULxdNyEyg/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;}
#hlrpsb { }
.bbrecpost2 {
padding-top:6px;
padding-bottom:6px;
border-bottom: 1px #cccccc dotted; }
</style> 

3. Click on Save Arrangement.

4. Don’t forget to change the Your-Blog_Address-HERE to your blog address e.g www.justnaira.com, You can also change the value of var numposts = 10 to any number of post you want to appear on the recent posts list and finally,you can change false in var showpostdate = false to true if you want the post date to appear on the recent posts list.

Add Recent Posts Widget to Blogger Using the Generator Below

A generator has been made so that recent post widget can be easily installed on blogger blogs without copying and pasting of code, but it will be easily installed directly on it.

You can customize how you want the recent posts widget to appear on your blogger blog by checking and uncheck what you want and what you don’t want to add to the widget on the generator above. Use the comment box below if you encounter any problem in the course of adding the widget.


I love sharing my knowledge with others. Feel free to contact me with any questions you may have. Please subscribe to the newsfeed and get updates through email, share this article with friends, or leave a comment below. New users can read about me HERE

Share this on:Share on Facebook4Tweet about this on Twitter2Share on Google+1Pin on Pinterest0Share on StumbleUpon1Digg this

Comments

  1. Muhammad Touqeer says:

    i am using this widget but thumbnails are not showing

  2. Tuham Sanusi says:

    Its not working on my blog

  3. i heard that such widget also helps in reducing the bounce rate so i think that recent post widget should be more attractive so that it can engage the user and we can get more pageviews.and i think your widget will do this job for me.thanks for sharing.ringtones

  4. Dahunsi Quadri wale says:

    nice one

  5. I just wanted to say that your blog has been really useful

  6. Adventures as a Small Town Mom says:

    Do you know how to make a recent posts slider (includes image)?

  7. If you don’t fancy using Adsense, you can try dealing with different advertisers for them to put their ads on your blog. In return, you’ll be paid, usually monthly. This is easy if your blog is very popular (sometimes popularity is measured by Alexa ranking). Advertisers need to get as much exposure as possible. They need people to know that they exist. That’s why they will look for popular websites/blogs to promote their own websites/blogs. If your blog is a well known and established one, you can even demand a higher payout from them. What a great way to make money from doing nothing.
    Other ways for teens to make money from their own blogs are affiliate marketing and doing paid reviews. By promoting certain products from your affiliates, you can potentially be paid a huge sum of commission money, if somebody buys that product. So you don’t need to have your own product to make money. Find something that relates to your blog in Commission Junction or Clickbank and promote it in your blog. If you like to write reviews, you should know that you can also get paid for that. Companies such as Smorty and IZEA provide that service, and you can register for free without having to pay anything. Instead you’re the one who’s going to get paid.

  8. This comment has been removed by a blog administrator.

Tell us what you're thinking...

All comments are moderated.

* Denotes required field.

*