You Might As Well Jump!

As you read my blog you might already notice that the whole post doesn't show up in the main page. You only see a snippet of the post on the blog's index page. The rest is under the "Read more" link to the full post page where you can keep reading.

 

This is a great feature that makes your reading want to read more if you write a catchy and interesting summary. To make a jump in your post notice the "Insert jump break" icon in the editor's toolbar. Click this icon and the "jump break" will be inserted into your blog post at your cursor's position.

If you don't use the new post editor, you can still insert a jump break in Edit HTML mode by adding <!-- more --> where you want to position the jump break.

Note: For those using a customized third-party template, you will have to add a snippet of code to make Jump Breaks work.

 

To do this, access your blog's Layout | Edit HTML tab, and first backup your template by clicking the Download Full Template link at the top of the page. This will download an XML version of your template which you can upload later at any time if you need to.

After backing up your template, then click the Expand Widget Templates checkbox, and scan your HTML for the following snippet:

<data:post.body/>

Once you've located that code, paste the following snippet directly below 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 >

After you've pasted in the code, click Save and then you're done!

Source: [link]