How to Add Read more button to Blogger Template

This post is for the people who use their own custom templates and who doesn't have blogger jump break support in their blog template. If your blog template doesn't show Read more button after you added Jump break manually you have to add the Blogger Jump break support widget to your blogger template code. If you want to learn about blogger Jump breaks and how to add them manually Read this post about Blogger Jump breaks. To add jump break support you have to edit your template and add little code. Now lets see how we can add Jump Break support to our blog.

First you have to open the Edit Html mode in design tab. Go to Blogger Dash board then open Edit Html on Design Tab like the following Screen shot

Now find this code on your Template code

<data:post.body/>

You can easily search it by pressing Ctrl + F  it will open the search box on your browser. type the code in the search box and it will show you the place.


Now Add following code below it

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

Now save your template and manually add Jump break to your posts. Read how to Add Jump breaks manually

 View full article here