It had been a sticking point that a blogging platform as versatile as Blogger didn't have such a basic functionality as "Read more" which most other blogging software considered passe. But not any longer. Now you can stop using code hacks to get what you want.
Enabling the "Read more" link is as simple as inserting a
<!-- more -->tag somewhere in your blog post. And Voila! your blog post gets truncated at the position of the tag and your visitors have to click on the "Read more" link to view your full article. If you are reading this article from the Home page of this blog, click on the "Read more" link below to continue reading this article.
If you feel like changing the "Read More" text to your own custom phrase, you can easily do this from the
Layout | Page Elements tab. Click Edit on the Blog Post widget, and then change the Post page link text to whatever you'd like.
Note: If you are using a heavily customized template - like this one, you will have to insert the following snippet of code directly below the
<data:post.body/>in your HTML template. Don't forget to select - "Expand widget template" checkbox.
<b:if cond='data:post.hasJumpLink'> <div class='jump-link'> <a expr:href='data:post.url + "#more"'> <data:post.jumpText/> </a> </div> </b:if>
I couldn't get the 'Insert Jump Break' toolbar icon enabled on my post editor though, but I can live with it for the time being.
More details on enabling the "Read more" link in Blogger can be found here.