Add a Recent Posts List after Every Post. ~ The Blog Doctor.
Loading...

Add a Recent Posts List after Every Post.

New Visitor? Like what you read? Then please subscribe to my Blog Feed or sign up for Free Email Updates. Thanks for Visiting!

Add a Recent Posts List after every post in your blog so that any reader reading a single post can see at the end of the post this list and then if interested may go there..........

To put a Recent Posts List in the sidebar see List Previous Posts.
To do this we will use your blog's feed to put a list of recent posts at the bottom of every post. First we will have to turn on the blog feed. For this go to Settings----->Site Feed---->Blog Posts Feed----->Set this to Short by clicking on the drop-down arrow then----->Save Settings. By setting this to short only a short section of your posts will be delivered to the reader who then hopefully will be intrigued enough to visit your blog to read the rest of the post. For our purpose we need only the titles of the posts so this also serves our interests. Then we need the URL of the feed. For beta blogs the RSS feed URL is :

http://yourblogname.blogspot.com/feeds/posts/default?alt=rss

Substitute actual name of your blog instead of 'yourblogname' above.

Now head over to an online RSS-to-Javascript converter. There is one located at :

http://itde.vccs.edu/rss2js/build.php

Type or paste your RSS blog feed url in the text box provided. See picture below. Click on image to enlarge it.




Fill in the other options. We do not want a title so set Show Channel as No. Enter the number of items to display. Set Show Item descriptions to 0 as we want only the titles to be displayed. Set Show item posting date to No. and Set Open links in a new window to Yes as we do not want the original post page to be closed or covered by new content. Click on Preview to check that the feed is being generated properly and then click Generate Javascript. Javascript code is generated along with code for browsers not supporting Javascript. Copy the whole code. This is Step 2.

Login to your dashboard of Beta Blogger and click on Layouts of the blog whose feed you had taken in the first step. The Page Elements window opens. Click on Edit Html tab and first backup your template as described in How to change Template.

Then scroll down in Edit Template text box till you come to :

<div class='column' id='main-wrapper'>
<b:section class='main' id='main'>

In the second line add : maxwidgets='4' showaddelement='yes' so that it reads like this :

<b:section class='main' id='main' maxwidgets='3' showaddelement='yes'>

Then Save Template. This change will enable you to add extra Page Elements/Widgets to the main column.

Now click on Page Elements tab and then click on the new Add Page Element link in the Blog Posts column. Choose Html/Javascript option in the new window which opens and paste the Javascript code from Step 2 here. Type 'RECENT POSTS' in the title field. Save changes. Back in Page Elements view you will see a new element added on top of your Blog Posts. Click and drag it to below your Blog Posts in the same column. This will place it below your Blog Posts and it will appear below each post in individual post view. See how I have added it below.



Technorati Tags:, , ,

6 comments:

stella's blog said...

hi, i followed the steps but for some reason it works sometimes and sometimes doesn't work properly..
any suggestion for me?
thanks

stella

vin said...

Stella,
Try other RSS-TO-JAVASCRIPT converters. There are many of them online. Just Google for the term.

shyam said...

Thanks for such a nice tutorial..

But can u please guide me to add a widget showing Related Post below every blog post but not on the homepage.

I would be glad to get that help..

My blog:http://shyamkol.blogspot.com

'nyau said...

Hi Vin,

Wonderful tutorials you have. I've updated my blogs using it. Looks and feels just the way I want it to be now.

I tried configuring this "Add a Recent Posts List after Every Post" but unfortunately I can only show a maximum of 5 posts. How do I change this to reflect, let's say, 7 days worth of posts?

My blog --> http://royedsworld.blogspot.com

Vin said...

'nyau,

On the rss to Javascript conversion site in the options you can specify how many items to show.

virtue said...

nice tutorial bro :)

CLICK TO LEAVE A COMMENT..... :-)



Skip to top of post.

Search Blog Before Commenting

Loading...

Post a Comment

Please use the above search box to search this blog before posting your valuable comments.

Comments posted on Dummies Guide to Google Blogger (Beta) are moderated and will be approved only if they are on-topic and not abusive. Try not to include website URLs/links in your comments. You can email me : drbhatns at gmail dot com for any blogging question. Thanks,

Vin.

The Blog Doctor The Blog Doctor2 Blog Doctor Home

SUGGESTED READING

Tips On Blogger and Latest News.



Skip to top of post.