How to Add "Read more" features to blog

1. Go to your blogger and click "Design" on your dashboard and click "Edit HTML"

2. Make sure "Expand Widget Templates" checked.

3. Find these tag  by using Ctrl+F    

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

4. Just paste this below code before above code.

<b:if cond='data:blog.pageType == "item"'>

<style>.fullpost{display:inline;}</style>

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

<b:else/>

<style>.fullpost{display:none;}</style>

5. Find these tag  again    
                                <p><data:post.body/></p>
                                               or
                                 <data:post.body/>

 6 .Just paste this below code after the above tag.

<b:if cond='data:blog.pageType != "item"'><br />

<a expr:href='data:post.url'>Read more...</a>

</b:if>

</b:if>

8. Now click  Save Template button.

9. Now you have to put a simple code to post template.Go to  Setting >> Formatting.

10. In formatting go to bottom page,there is Post Template  form.and paste blow code.

PPost Before “read more”

<span class="fullpost">

And here is the rest of it

</span>

11. click save setting.now go to make new post.you will  find above code.

12. Put the part of the post that you want it to appears in your archive pages instate of:
                " Post Before""read more"

13. put the rest of the post instate of:
                "And here is the rest of it"

14. Click publish button,. you are done.

Go For Demo