Blogger Expandable Posts - Read more Trick

1. Login into your blogger account.
2. Choose your blog and click “Layout”
3. Click “Edit Html” subtab on the “Template” tab
4. Expand Widget Template as shown in image below
5. Press Ctrl+F search body/
6. Paste the code below before <p><data:post.body/></p>
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>

7. Paste the code below after <p><data:post.body/></p>
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>Read more...</a>
</b:if>
</b:if>
8. Click save Templates.
9. Go to Blogger Settings/Formatting/ copy paste the code below in Post Template
<span class="fullpost">

</span>
10. Hit Save.