How to make a Blogger archive page?

I recently had to create an archive page of a blog in Google’s blog creation platform Blogger.com. There is not inbuilt tool in Blogger to create an archive page in blogs. To make it easy, a GitHub user jhwilson has created a javascript tool that can be hotlinked in the blog to create an archive. (Visit GitHub page for updated information.)

The step is easy – copy and paste the following code in a page or post in your blog to create the list of all the posts in the blog.

Copy and paste the following code in your blog post.

<script type="text/javascript" src="http://cloud.github.com/downloads/jhwilson/Create-a-Blogger-archive-page/Make-Blogger-Archive-Page.js"></script>
<script src="http://www.ngopal.com/feeds/posts/default?max-results=500&amp;alt=json-in-script&amp;callback=LoadTheArchive"></script>

The result looks like the following image - depending on the theme of your blog.

archive in ngopal

Things to remember:

  • This only works in Blogspot or Blogger platform. This is NOT for WordPress blogs.
  • Remember to change the url in the code. If your blog is http://blog.blogspot.com paste the full url in place of http://www.ngopal.com. If you are using custom blog, don't forget the "www" part. The following code contain the code for http://www.ngopal.com. Please change the URL accordingly before using it in your blog.
  • The code only displays the title of the last 500 posts. You can increase or decrease the number of the post by changing the number in the code.
  • Always use 'HTML' editor when pasting the code.
  • You can type and insert any text of graphics before or after the code. The information added after the code is shown at the end of the archive list.

archive in blogger

Advertisement

Incoming search terms:

  • blog archive html code

2 thoughts on “How to make a Blogger archive page?

  1. I’ve copied and pasted the code, but my archives page results seem to be capped at 150, even though the code shows max=500.

    If I reduce the max= to <150, my page displays the number of results in the code. But if I exceed 150 in the code, my page only displays 150 results.

    Any idea how to fix this to display all? (I have about 305 posts currently.)

    Thanks,

Leave a Reply

Your email address will not be published. Required fields are marked *