3 Use selective post summaries in New Blogger
Tuesday, June 26, 2007 / Filed Under:

Thanks to Hackosphere's excellent Blogger hack, I've now been able to use selective post summaries in some of my lengthier posts! Phew, what a relief! I hated having such long posts taking over my blog pages. Instead, you can now see summaries of each post and choose to read the whole post by clicking the "Read more..." link instead. This way, you can find the information you need more easily, and scan posts on my front page without having to go through every other post first!

Would you like to include this hack in your own Blogger blog?

To use this particular hack, you need to be using the Blogger "Layouts", rather than the classic (old) Blogger template. Make a backup of your template by going to Layouts>Edit HTML>Download full template in your Blogger dashboard. Then hop on over to Hackosphere's post and follow the instructions to the letter!

It took me a couple of attempts to get this right; my advice is to copy and past the code provided, as any extra spaces or line breaks could prevent the hack from working. Be sure to insert the code provided in your post template too, to ensure all future posts have the correct formatting.

Once you've installed the necessary code, you can choose whether to make your new posts expandable or not.


  • If you choose to write a long expandable post, write the first paragraph before the < id="fullpost"> and continue afterwards.
  • If you choose to write a shorter, non-expandable post, only write before the first < span > tag.

You can also edit previous posts to make them feature expandable summaries, by inserting <span id="fullpost"> after your first paragraph, and </span> at the end of your post.

A truly great Blogger hack as I'm sure you'll agree. Thanks Hackosphere for sharing this!



Technorati Tags:

Filed Under: View 3 comments

Like to share?

You may also like to subscribe to Blogger Buster's RSS feed or receive free email updates of our latest posts.

3 comments:

April 27, 2009 at 5:06 PM
Anonymous said...

I found a simpler solution to adding post summaries that uses PURE CSS (no javascript). It seems to fix a lot of the problems that i was getting with the other solutions. Might be worth taking a look at this solution as well.
http://simplerthanyouthink.blogspot.com/2009/04/blogger-expandable-post-summary.html

May 31, 2009 at 5:29 AM
OFW Blogger said...

to classi template users ill show the code, lets discuss in my blog. http://outlookqatar.blogspot.com/

August 9, 2009 at 9:27 AM
Design Elixir said...

Is there a way to use a Read More hack & specify an image I want used as a thumbnail on the post summary? I have a signature image on my posts & when I use post summaries the signature image shows up on my posts. :( Help!

Post a Comment

Subscribe to: Post Comments (Atom)