Type your summary here.
and I proudly present our Super Peek-A-Boo posts: you can expand them from summary to full post, collapse them, and if you don't have a post summary in a particular post, the "Read More..." and "Collapse" links will not show up in your post.
Type the rest of your post here.
As you can see in this post, it starts with only the summary, followed by the 'Read more...' link. Clicking the link expands to the full post. Now at the bottom you will find a 'Summary only...' link, that collapses the post back to its summary.This hack was first implemented by Ramani at Hackosphere. I expanded on it to make it collapsable. Together we developed the finishing touch of hiding the expand/collapse link when there is no need for them.This is how to implement it.Step 0:Back-up your template before modifying it.Step 1:Add the following javascript code to the head of your template. You can place it just above the -tag.
Monday, November 26, 2007
Type your summary here.
Now every new post you start will have a fullpost-span by default. If your post is short, you can delete the -tags from the post. The post will be displayed in full, and no links with "Read more..." or "Summary only" will be displayed for that post.
Type the rest of your post here.
How it works (skip this if you don't like tech stuff).The changes you made to the code make that every post-body consists of at least 3 span's: the fullpost-span that you entered in the post-template, a span for the 'Read more'-link, and a span for the 'Summary only'-link. Because there might be other spans in your post, each of these 3 spans have a unique id ('fullpost', 'showlink' and 'hidelink' respectively).When you open your blog on the main page, the post is displayed as follows:
Now every new post you start will have a fullpost-span by default. If your post is short, you can delete the -tags from the post. The post will be displayed in full, and no links with "Read more..." or "Summary only" will be displayed for that post.
Type the rest of your post here.
How it works (skip this if you don't like tech stuff).The changes you made to the code make that every post-body consists of at least 3 span's: the fullpost-span that you entered in the post-template, a span for the 'Read more'-link, and a span for the 'Summary only'-link. Because there might be other spans in your post, each of these 3 spans have a unique id ('fullpost', 'showlink' and 'hidelink' respectively).When you open your blog on the main page, the post is displayed as follows:
Wednesday, September 20, 2006
Super Peek-A-Boo Posts
Ramani and I proudly present our Super Peek-A-Boo posts: you can expand them from summary to full post, collapse them, and if you don't have a post summary in a particular post, the "Read More..." and "Collapse" links will not show up in your
As you can see in this post, it starts with only the summary, followed by the 'Read more...' link. Clicking the link expands to the full post. Now at the bottom you will find a 'Summary only...' link, that collapses the post back to its summary.
This hack was first implemented by Ramani at Hackosphere. I expanded on it to make it collapsable. Together we developed the finishing touch of hiding the expand/collapse link when there is no need for them.
This is how to implement it.
Step 0:
Back-up your template before modifying it.
Super Peek-A-Boo Posts
Ramani and I proudly present our Super Peek-A-Boo posts: you can expand them from summary to full post, collapse them, and if you don't have a post summary in a particular post, the "Read More..." and "Collapse" links will not show up in your
As you can see in this post, it starts with only the summary, followed by the 'Read more...' link. Clicking the link expands to the full post. Now at the bottom you will find a 'Summary only...' link, that collapses the post back to its summary.
This hack was first implemented by Ramani at Hackosphere. I expanded on it to make it collapsable. Together we developed the finishing touch of hiding the expand/collapse link when there is no need for them.
This is how to implement it.
Step 0:
Back-up your template before modifying it.
Thursday, October 11, 2007
Saturday, September 8, 2007
Subscribe to:
Posts (Atom)
