How to have PREVIOUS and NEXT links on your posts

I heard they were going to implement PREVIOUS POST and NEXT POST feature for the newly rolled out Blogger Beta, but looks like that is not the case. However, if you want this feature for your blog, you can still do it manually as follows (this will be for both Blogger classic as well as Blogger Beta).

To do this, add this table code at the bottom of your post:

<table border="1"><tr><td><a href="url of newer post">NEWER POST</a></td><td><a href="url of older post"> OLDER POST</a></td></tr></table>

(Note: the characters is an image, and cannot be copy-posted, You will have to manually type the characters)
Go to the newer post and get the url of that post from the address bar (permalink) and replace "url of newer post with that url and publish the post. Similarly, do that for the older post. This will have to be done for every post on which you want that feature.

If you want to simplify the process, sign into Dashboard, select the blog, click SETTINGS > FORMATTING, then somewhere at the bottom of the page, in the POST TEMPLATE box, paste in this HTML code in that box.

<table border="1"><so&l;tnbr><td><a href="URL of newer post">NEWER POST </a></td><td><a href="URL of Older Post">OLDER POST</a></td></tr></table>

Save and republish. Then each time you do a post, that code will appear at the bottom of the post, and all you have to do is to get the url of the previous post and next post and paste it in the appropriate place.

UPDATE 24 August, 2006: This will result in the link appearing as PREVIOUS POSTNEXT POST with no space between the two links. If you want some space between the links, you will need to add some special characters for non-breaking space after PREVIOUS in the HTML code. If the space between PREVIOUS POST and NEXT POST is not enough, all you have to do is to add more
So your HTML will appear like this, for example:

<table><tr><td><a href="url of previous post">PREVIOUS POST</a></td><td><a href="url of next post">NEXT POST</a></td></tr></table>

Note: Please do not try to copy and paste the above codes because the special characters is an image as if I try to type the characters in the post, it will just be displayed as an empty space, and if you try to copy and paste the codes you will get in the pasted codes a HTML for an image instead. You have to manually type it in yourself.

Update: See John's comment in the Comments section for other more complicated method of doing this, which will involve tampering with the template. Haven't had time to test it out yet. When I do, I'll do an update on this post.

NEWER POST

OLDER POST