Template Tip Part 2: Render Previous Post Links

| 13 Dec 2006 | Posts | 526 views

Enhancing on the previous session of template goodies, I’ve finetuned the behaviour of the “Previous Post/Month” link at the bottom of three types of blog pages. The common tip that other bloggers use to display the previous post’s link will not work well in the individual post pages, thus the need to enhance using JavaScript here. They are:

  1. MainPage – display link to the n + 1 page, where n is the number of posts to display per page
  2. ItemPage – display link to the previous post
  3. ArchivePage – display select combobox with all months of posts

You may want to read up on the previous session first before proceeding below.

Place this (updated) JavaScript code anywhere in between your template’s tag. Same thing, adjust nMaxPostsOnMainPage to the number of posts that you have set to display.

Main Page

Use the JavaScript function writePrevPostOnMainPage() as before, on the main page. You can use something like:

Previous post:

Item Page

For individual posts, use the following code. You can place this just next to the preceding code of the tags.

Previous post:

Archive Page

This last part may be no surprise to some of you as you may have seen a variant of this elsewhere. Place this code next to the preceding code:

” target=”_top”>Back to Home |
Other Months:

Same your template, publish, and test these goodies out!

If you try all these code, please let me know how it goes for you. Leave comments here…

Related posts: Template Tip: Render Previous Post Link At Bottom Of Main Page>

Technorati Tags: , , , , , , , , ,


Related posts:

:, , Subscribe

Leave a Reply