Monday, June 01, 2009

Expandable Post for Blogger

For those who often pay a visit to my blog will realised that I had changed some stuffs in my blog & 1 of the most obvious changes is the expandable(Read More) post. This is a 'hack' that I get to learn from other blogger.

With this hack, you can choose to display a selected amount of text from the beginning of each post as a teaser/summary instead of showing the entire post on the front page of your blog. This will make reader easier to go through & select you other posts.

Actually, there are a lot of people already showing the way how to do it but I will still say it here. After all, there is no harm spreading knowledge. :D So, there will be 5 easy steps to make all these possible.

Ok. lets begin.

Step 1
- Go to Layout & then 'Edit HTML'.
- Back up your template.
- Expand widget template

Step 2
Now, find


then place the code from page above it.

Step 3
Now, find div class='post-header-line-1'/ & paste the code(download is at the very bottom, below the file url) below it.

Step 4
Go to Setting then Formatting & put the words below into 'Post Template'.
Please change the ' ( ' in front of the code into ' < ' .

Type your summary here
(span id="fullpost">
Type rest of the post here

Step 5

By now eveything is done but changes will only appear in your new post & not your previous posts. If you want to let your previous posts to have this function then you have to do it manually by putting below the sentences that you want to show as summary & put at the end of the post.

I think that's it for now. Happy blogging ^^

No comments: