Expandable Post Summaries for Blogger Old Version

This tutorial for you still using the classic template ( HTML ), if you are using a new template (xml / beta), please read here

Last post, I explain to the new version of the tutorial (XML template). For this post now, especially for users of the classic template. Tutorial is useful to hide some post into the "Read more " or another word. And this is tutorial for Expandable Post Summaries in classic template

Step 1

1. login to the blogger with your Google account
2. after that, go to Layout tab and then go to the Edit HTML section
3. After that find </style> code and enter the following code before </style> code.

<MainOrArchivePage>

div.fullpost {display:none;}

</MainOrArchivePage>

<ItemPage>

div.fullpost {display:inline;}

</ItemPage>

4. after that, place the following code after the <$BlogItemBody$> code

<MainOrArchivePage><br/>

<a href="<$BlogItemPermalinkURL$>">Read more...</a>

</MainOrArchivePage>

you can changes the blod text with your own like continue reading, etc

And save your work.

Step 2

The final piece that we need is a little bit of code in your actual post. Each post that you want to use this feature on will need this code:

<div class="fullpost">
......
</div>

This part can actually go in the post template, if you don't want to have to type it for each post. You'll enter the summary text outside the span tags and the remainder inside, like so: