How to add “Read More” to blog posts

Hello friends! Welcome to another awesome tutorial on Bestutorialz. In this post I'll be showing you how you can add the “read more” link on your blogger blog. When surfing the web, you must have seen a post with a short summary, then followed by a Read More link. Within five minutes, you can customize your blogger blog to have this feature. Although some templates
have this feature already programmed while some don't have it.
Follow the below steps to add the “Read More” link on your blogger blog.

» Login to your blogger dashboard
» Select Theme/Template
» Click Edit HTML
» Now search for this code

<div class='post-body entry-content'>
  <data:post.body/>
  <div style='clear: both;'/> <!-- clear for photos floats -->
</div>

» Highlight and replace the above code with the code below

<div class='post-body entry-content'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<style type='text/css'>.restofpost {display:none;}</style>
</b:if>
<data:post.body/>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'>Read more...</a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'>Read more...</a>
</b:if>
</b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

» Now Save Template.