Make Read More URL at Blogger Post (Expandable Post)

On Dashboard, go to 'Layout' and get yourself on 'Edit HTML', there you will see a box with scripts inside of it, expand it by mark 'Expand Widget Template'.

Find </head> then place these code just above it:

<style>
<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>

Now, place this code:

<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'> Read More..</a>
</b:if>

Just above this code if you want to put the link below the title or place it below this code if you want to put the link at the end of the cut article:

 <p><data:post.body/></p>

Read More.. is the link to show the full content of the post, you may change it to anything you like (e.g. [Read More], See full explanation, See all, and etc....)

Now, save your template.

Then, there are 2 ways that should you do.





The first way (Advanced)

Go to Dashboard again, go to 'Settings', and switch the tab to 'Formatting'.

On the blank box titled 'Template Posting', fill these code:

<span class="fullpost">

</span>

This is not really helpful, sometimes your post can be caught as error scripting, you should check twice times every posting.

The Second Way (Rookie)

Every posting, type <span class="fullpost"> then your hidden content, and then end it with </span> in every text you wish to be hidden.

You meet trouble about the method above? Feel free ask us by commenting in this post. :)