Blogger.com Template Tip Part 2: Render Previous Post Links

| 13 Dec 2006 | Posts | 1,256 views

Enhancing on the previous session of Blogger.com 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:

Blogger.com Template Tip: Render Previous Post Link At Bottom Of Main Page
http://glob.lokety.com/2006/11/bloggercom-template-tip-render.html>

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

Share

Related posts:

:, , Subscribe


Leave a Reply

Archives

Be Good

View Teng-Yan Loke's profile on LinkedIn

The Hunger Site

Counter visits since 16 Sep 2006

Technology Blogs - BlogCatalog Blog Directory