Creating 'After the jump' summaries

After the Jump is a feature which lets you create expandable post summaries in your blog posts, so longer posts appear as an intro with a link to Read More

Creating jump breaks in your blog posts can be easily done right from the post editor, without the need for any HTML changes. First, decide where in the post you want to create the jump break, and place your cursor in that position:

Once your mouse cursor is placed at the jump point, simply click the Insert Jump Break toolbar icon:

Clicking the icon will insert a grey bar at the cursor point, illustrating where in the post your break will appear. The bar can be dragged though, so you can always re-position it after insertion. Once you are set on the jump break's location within the post, you are ready to publish your post.

Once your post is published, you will notice that the Read More link is placed where you set the jump break:

Clicking on the Read More link will then display the full text of the post:

Note:For those using Classic Templates, 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 then click the Expand Widget Templates checkbox. Next, scan your HTML for the following snippet:

Once you've located that code, paste the following snippet directly below it:




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