TechFlaps | Waves of Technology

With this trick, you can choose to display an arbitrary amount of text from the beginning of each post, as a teaser for the whole thing. Then users who want to read the rest of the post can click a link to see the full text. This is handy if you have lots of long articles all on one page. Note that you'll need to have post pages enabled in order to make this feature work.

There are three ingredients that go into this feature: conditional CSS, a "read more" link for each post, and a modification for the posts that use this feature.

For NEW BLOGGER

1. Blogger Expandable Posts Hack | Peekaboo View
Author : Ramani

Your blog's main page usually shows the entire content of each post. If your posts are usually more than 2 paragraphs, then your visitor will find it difficult to quickly find the topic of interest to him because he needs to scroll down a lot. This is where expandable post summaries helped in the old Blogger. This hack serves the same purpose for the new Blogger and more! That is, main page will show only post summaries and when you click "Read more", the full post appears in the main page itself (Peekaboo view)!!. Later, Hans improved it by adding a "Summary only" link with which you can collapse the post back to summary.

Together, they also made the "Read more" link to show up only for the posts that have a summary. This is an amazing hack but you need to be careful while changing your template. If you are not familiar with HTML, I strongly suggest you to get help from somebody who knows HTML while applying this hack. Here are the steps to follow.

2. Selective Expandable Posts
Author : Ramani

Some people would still like to use the classic way of expanding posts which takes the reader to the post page upon clicking "Read more" link. On this version, each time readers click on the read more link, they will be redirected to the original post page.

3. Expandable Posts Summaries.

This hack will also let you learn about how to create an expandable post in blogger. The difference is that this hack will open the result on the new window.

NOTE : After you add the code you will have to edit your past posts so that they display in summary fashion on the Main Page of your blog.

The hack applies only to posts on the Main Page. Once a post having the hack moves off the Main Page it does not display in this fashion. This is a Main Page Hack.

4. Expandable Post Summaries for New Blogger.

This post was written by Peter Chen of Blogger-Trick.Blogspot.Com. Same as Hackospehere hack up there. To execute expandable post summary for your blog, the first thing you have to ensure is that "individual post page" (permalink) is enabled. Sign into Dashboard, then in the section for the relevant blog, click SETTINGS, then ARCHIVING and ensure that ENABLE POST PAGES is set to YES.

For CLASSIC BLOGGER

1. Making expandable blog posts in Blogger.
Author : No Fancy Name

This hack work on Classic Blogger. This hack may not work for everyone. Tested it in Firefox and IE. Before you get started, be sure that "post pages" are selected in your Blogger settings.

2. Expandable post summaries?
Author : BLOGGER

With this trick, you can choose to display an arbitrary amount of text from the beginning of each post, as a teaser for the whole thing. Then users who want to read the rest of the post can click a link to see the full text. This is handy if you have lots of long articles all on one page. Note that you'll need to have post pages enabled in order to make this feature work.

For Both NEW Blogger & CLASSIC Blogger

1. Expandable Posts Hack for both New Blogger and Classic Blogger.
AUTHOR :Aditya Mukherjee

What the code does is run through your post content, and look for
containers. It then replaces it with normal HTML tags to hide the part contained within those, and create a link to make that part visible. Once clicked, the link disappears. The problem is that you can't hide the post again (not yet atleast). I am sure that shouldn't be too much of a hindrance.

READ : HOW TO ENABLE "POST PAGES"?