Blogger Hacks, Categories, Tips & Tricks

Sunday, November 27, 2005
Next / Previous Post Buttons
Well... fake ones!! A great addition to Blogger Hacks: The Series that fills another frequently requested formatting gap on blogger. Johan at Ecmanaut has written a post describing how to add "next" and "previous" buttons to each post of your blog. They're not quite next & previous post buttons. They're actually links that navigate your archives by day, and the system is not perfect by any means, requiring a 100% site republish on every day that you post anything. Still... if Next / Previous links are what you've been missing, this is as close as you can currently get w/ Blogger.

Posted at 2:32 PM by John.
4 Comments:
<    >
Anonymous Anonymous said...
hi..

do you know how to set the next current previous button like in http://thedailyexposure.blogspot.com ?

I would like to have similar like that not all post in one page..I want viewer to be able to browse post by post not all in one page

<    >
Blogger John said...
Hi Anon,

Looks to me as though this is hand-coded each time, perhaps using Blogger's Post Template feature. The necessary code (from the template you refer to is:

<div class="post-body">
<div>
<div style="clear:both;"></div><a href="http://thedailyexposure.blogspot.com/2006/08/hung-up.html"><img src="http://static.flickr.com/87/229568981_efa884d093_o.jpg" alt="click for previous post"></a><br /><h1>Nikon D200 @ 80mm, 1/80 sec, f/6.3, ISO 125</h1><br /><h6><a href="http://thedailyexposure.blogspot.com/2006/08/hung-up.html">Previous</a> · <a href="http://thedailyexposure.blogspot.com">Current</a> · <a href="http://thedailyexposure.blogspot.com">Next</a></h6><br />

& since it is within the post body div, it appears that it is manually added to each post & that the URL's are cut & pasted each time, w/ the "next" on the 2nd most recent post being updated to reflect the URL of the most recent post, if that makes sense? There may be a way to automate this, but my guess is that it is done manually....

For alternatives, see Johan's method (above), or Blog Navigator, or wait for your chance to switch to Blogger Beta, which has these links as standard.

John's method, though, is neat, clean & good looking. Thanks for the heads-up.

<    >
Anonymous Anonymous said...
Hi John,

Thannks a lot for the prompt reply will try this and get back to you.


Rgds,
Mike

<    >
Blogger Mike said...
Hi John,

I guess I have to manually code every post but it's okay with me for the time being :)

Have a look...

http://onlookingatphotographs.com

Cheers

Links to this post:

Create a Link


eXTReMe Tracker