15 Use selective post summaries in New Blogger
June 26, 2007 /

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:

Author: Amanda Kennedy

Amanda is a professional blogger and web designer living in Sheffield, United Kingdom.

In addition to curating Blogger Buster, you can find Amanda on Twitter, Facebook or add her to your circle on Google+.

Like to share?

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

15 Comments:

  1. I set it up on my blog, but I'm unsure as to how it looks...

    ReplyDelete
  2. 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

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

    ReplyDelete
  4. 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!

    ReplyDelete
  5. I have created a friendly tutorial for Blogger expandable post summary, it is new functionality added to the blogger editor. You can head on to this link article: New Expandable Post Summary from new Blogger Editor

    ReplyDelete
  6. I'm using span class="fullpost" tags to cut-out my post article in my home page.

    ReplyDelete
  7. I am thoroughly convinced in this said post. I am currently searching for ways in which I could enhance my knowledge in this said topic you have posted here. It does help me a lot knowing that you have shared this information here freely. I love the way the people here interact and shared their opinions too. I would love to track your future posts pertaining to the said topic we are able to read.

    ReplyDelete
  8. Thanks for taking the time to discuss this, I feel strongly about information and love learning more on this. If possible, as you gain expertise, It is extremely helpful for me. would you mind updating your blog with more information

    ReplyDelete
  9. Thanks to share with us the information. I wish you good luck!

    ReplyDelete

Great! You've decided to leave a comment! Please bear in mind that comments are often moderated and that rel="nofollow" is in use and spammy comments will be deleted. Let's have a meaningful conversation instead. Thanks for stopping by!

Browse through the Archives

All existing posts are still available to view while I'm working on the site, albeit seen in a much simpler interface. Feel free to browse through the archives to find tutorials, templates and articles to help you build a better blog:

Blog Archive

© Blogger Buster 2010 Home | About | Contact | Hire Me