Blogger Hacks
Since Blogger doesn’t want to provide the feature for some reason, here is a simple JavaScript that will achieve the pagination effect you’ve been looking for on your blogspot.com blog.

Demo:

To see the hack in action, visit Utah Monitor.com.

Features:

  • Lightweight (<1.5Kb)
  • You can choose the number of posts to display per page
  • Each page can still be bookmarked normally
  • Customizable design via CSS stylesheets
  • still works traditionally if browsers don’t support JavaScript (or have it disabled)
  • works in current versions of Firefox, Internet Explorer, Opera, Netscape, and Safari.

License:

No license; feel free to implement with your Blogger template whenever you like. All I ask is that you leave a comment/trackback here so others can see your implementation.

Download:

Version 1.0: js_pagination-1.0.zip

Installation:

  1. Unzip/upload the two files pagination.js and pagination.css to Blogger.
  2. Modify your Blogger template. You only have to insert four lines into your Blogger template, but where at is the important part.
    (see template-example.html: lines 29, 30, 70, and 101)
  3. Change your Blogger Settings.
    • Login to Blogger.com
    • Settings tab > Formatting sub-tab
    • Set it to Show: 999 days on the main page

NOTE: Although the examples provided are for Blogger, it could really paginate anything. Here is a sample demonstrating pagination with an unordered list.

UPDATE:June 16th, 2006 – Added a template-example.html to the .ZIP package.