30 April 2005

This entry is written in respons to Yunia Sribudiani's effort to make expandable posting in Blogger. Hope this explanation can help guiding her through a step by step actions.

First, read official explanation from Blogger, How can I create expandable post summaries?. That is brief document and this entry merely provides examples because on several occasions learning by example is somewhat more applicable. Here is how...

Second, open your blog template (menu: Template) and identify stylesheet section (CSS). It is a block of design explanation of website between <style> and </style>. For example, the beginning part of style sheet of this page is (and is ended with </style>),

Insert code from Blogger,

<MainOrArchivePage> span.fullpost {display:none;} </MainOrArchivePage> <ItemPage> span.fullpost {display:inline;} </ItemPage>

To make "safe" (while this is not a must), insert them before </style>, so

Before saving that template, third step can be done: inserting Blogger's item body tag,

<MainOrArchivePage><br /> <a href="<$BlogItemPermalinkURL$>">Read more!</a> </MainOrArchivePage>

and as example with my template,

Be careful: after <$BlogItemBody>.

Save the template. The main first step has been completed, and now it is time to get into experiment with a new posting.

Fourth, it is now time to create a new post with a new style. Use <span class="fullpost"> to start a new remaining posting which will be hidden in front page and be shown in individual article. An example for this,

Save, and all is done. There is one suggestion not to use paragraph HTML-tag, <p> outside <span class="fullpost"> to let it works.


joenia said...

yeee....aku salah posting komen:), itu komen ku ada di posting bawahnya..tsk..tsk...posting komen aja kok bisa salah:). maaf

Anonymous said...

I followed your instructions and it did not work. Is there a simpler way to do this? If not,Blogger should create a template wizard that would help people deal with all these template changes in a faster and friendlier way. Other blog hosting companies are doing it according to what I hear.