Blogger is getting much better .. Adding Jump Breaks

Posted on by

Blogger announced yesterday that they have a new feature which I really wanted it to be on Blogger . The Read More/ Post Summaries Feature or what Blogger Buzz it “Jump Breaks” which allows you now to have a summary for your post and a “Read More” Link below Summary .

That’s a live Example :D
This feature is already exists in other Content management systems like WordPress or Joomla and finally Blogger has enabled this feature in its new editor which can be enabled through Settings or by just using Blogger in Draft .

If your template is not ready for the new feature you can do it by a simple step :

Step 1 : Go to Layout > Edit HTML and Check Expand All Widgets box

Step 2 : Search for the following code :

<data:post.body/>

Step 3 : Add the following code below :

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

If you have used the old way of editing HTML Template, Remove what you edit and do the steps below again.

You can also change what the Read More sentence by going to Layout > Page Elements (Default Tab) > and Find the Blog Posts area then Click Edit.