How to Add "Read more" Function to Blogger

In order to add the "Read More" function to a blogger template, we only need to add a few lines of code to our template's HTML.

You can edit your post in Edit HTML mode, and type <!-- more --> where you'd like the jump link to appear.

To add the code for Jump Links functionality to your Blogger template...
Go to Layout>Edit HTML in your Blogger dashboard and ensure you have checked the "Expand widget templates" box.

Then using your browser's search function, locate the following line of code:
<data:post.body/>

Depending on your individual template, you may find this enclosed between tags. We need to leave these tags intact.

If you've added any other "Read more" hacks to your template (or have added other conditional statements to the Blog Posts section), you may discover more than one instance of <data:post.body/>. If this is the case, you need to edit the section which has <b:if cond='data.blog.url != data:blog.homepageUrl> a line or two above this.

Immediately after the <data:post.body/> line, add the following few lines of code:

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

Free Career Predictions