How to Customize Read More in Blogger

Hi today i will show you how you can change read more text or change read more text to a button mention above. If you want read more buttons instead of text so please first download this Read More Button Pack.

If you want to change text follow this Step 1.

Step 1:

1.Find the following code (Tip: Press CTRL+F to find code.)

<b:if cond='data:post.hasJumpLink'>

You will see the following code :

<b:if cond='data:post.hasJumpLink'>

<div class='jump-link'>

<a expr:href='data:post.url' expr:title='data:post.title'>Read More</a>

</div>

</b:if>

Here change Read More with your own text like Continue Reading etc. Then Save you template and you have done.

If you want to see Read More Button instead of Text follow this Step 2.

Step 2:

1.Find the following code:

<b:if cond='data:post.hasJumpLink'>

When you find this it will look like this:

<b:if cond='data:post.hasJumpLink'>

<div class='jump-link'>

<a expr:href='data:post.url' expr:title='data:post.title'>Read More</a>

</div>

</b:if>

In the Read More text above replace it with this code:

<img src="Your Button Link Here" />

 Replace Your Button Link Here  with your Button link.

Hope you find this post helpful please Share this post and follow our blog.