Official read-more function

Finally, blogger had a read-more function, this will hide your full post until you click the read-more button.

If you are using the New Advanced Post Editor, then you can insert the jump break easily from the post editor. (see the picture above)

If you are not using the New Post editor,then you will have to manually type the jump break tag . To do that just place <!-- more --> between summaries and your full post.

Note that this feature sometimes not work on customize template, there's a stuff to do.

1. Backup your template. recomended

2. Go to layout tab "Edit HTML".

3. Check if the following script is already there.

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url   &quot;#more&quot;'>Read more..</a>
</div>
</b:if>

If not, add the script above below <data:post.body/> tag.

That's it, your read-more feature ready to go.