How to Add 'Read More" in Blogger

1. Login to blogger account

2. Dashboard >> Layout >> Edit HTML

3. Select Expand widget which helps in additional codes in the given text box.
4. From the HTML codes, just search tag <p><data:post.body/></p> Copy the given code here and paste it to above the tag <p><data:post.body/></p>

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

5. Again paste the below code on below to search tag.

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

6. As given above ensure that you have done as below.

<b:if cond='data:blog.pageType == "item"'> <style>.fullpost{display:inline;}</style> <p><data:post.body/></p> <b:else/> <p><data:post.body/></p> <b:if cond='data:blog.pageType != "item"'><br /> <a expr:href=’data:post.url’>Read More..…</a> </b:if> </b:if>

7. Click Save Template to save all the changes to the template. Now the template modified to accept the "Read More" options. You need to customize this in every post on how much amount of text needs to shortened.

8. When you create new post ensure to give the codes which needs to hidden within the tag as below.

For example :


9. After publishing the post, you can you can view your post as below.