Add "Read More" Option - Officially from Blogger

If you are looking for a hack to add a "Read more..." option to your blog then stop searching for the old hacks. Blogger has now officially announced the "Read more >>" option for us, the bloggers.

Now you don't have to add any separate hack in your template.  What you have to do is enable some options in your blogger settings and you are ready to have the "read more" feature.

Thinking what are the options you have to enable... Well, here it is...

If you are using the Blogger in Draft then you already got the new post editor, but for those who are using Blogger, they have to enable this feature in your settings. Just go to Settings>Basic and change the post editor option to "Updated editor"

Now while posting a new post, write few lines, use the "jump break" option and continue again.

In Edit HTML mode, you can have this by adding <!-- more --> where you want to position the jump break.
Like:

First line goes here
<!-- more -->
Second line goes here

If you want to change the "read more" text style then go to Layout ->Edit ->Blog Posts widget and then change it to your wish

So, you have your "Read more" option.

For those who have their own customized template, they can add the following code in their template.
To do this, go to Layout ->Edit HTML tab, and check the Expand Widget Templates check-box.
Find

<data:post.body/>

and add the following bellow it:

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>
</div>
</b:if >

Save yor template and you're done...