{ Technology, Internet, Software, Tips and more ... }

26 March 2008

Recent Posts Widget for Blogspot Blogs

Here I explained how to create recent post widget in your blog. This feature will give you a Recent Posts widget in your Blog sidebar. You can create recent post widget in 2 ways. Just follow these steps to create the widget. If you have any problem in installation then feel free contact me through contact form or by comment.

Recent Posts Widget : Type 1:

Step 1: Go to Layout -> Page Elements
Step 2: Add a feed widget
Step 3: Type your feed url in the text box.
ex: "http://YOUR-BLOGNAME.blogspot.com/rss.xml"
(or) "http://YOUR-BLOGNAME.blogspot.com/feeds/posts/default"
(or) "http://feeds.feedburner.com/YOUR-FeedNAME"
Step 4: Click Continue
Step 5: Now Change the title to "Recent Posts" or "Recent Entries" .. as you like.
Step 6: Click Save Changes.

Replace 'YOUR-BLOGNAME' with the name of your own blog.

Recent Posts Widget : Type 2:

This widget was originally written by Hans of Beautiful Beta.

To add this widget to your sidebar, copy all of the code on this page and paste this into an HTML/JavaScript widget in the Page Elements section of your Blogger dashboard.

Customize this code,
<script style="text/javascript" src="http://citicutc.googlepages.com/recentposts.js">
</script>
<script style="text/javascript">
var numposts = 5;
var showpostdate = true;
var showpostsummary = true;
var numchars = 100;
var standardstyling = true;
</script>
<script src="http://YOUR-BLOGNAME.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts">
</script>

Replace 'YOUR-BLOGNAME' with the name of your own blog.

Set the number of recent posts you want to show (default=5).
If you want the post date to be displayed, give true for showpostdate (default = true).
If you want a post summary to be displayed, give true for showpostsummary (default = true), and enter the number of characters of the postsummary that you want to display (default=100).

Copy the code, save the widget and try out it. Be sure to replace the section in red with the URL of your own blog!

For more explanation, please read information here.

Don't forget to subscribe to my RSS feed or by Email. We will release a new beautiful blogger template every week!.

4 comments:

Anonymous said...

Good dispatch and this mail helped me alot in my college assignement. Thank you as your information.

Anonymous said...

Easily I acquiesce in but I think the brief should acquire more info then it has.

Owner said...

I use j.script recent post. however, between the font and background almost the same. so that the writing of the blog are not visible. please help me to make my blog better.
My blog is http://uneghati.blogspot.com
thanks

ABHIJIT KALE said...

Great stuff shared about Extra Linking