How To Change "Read More" Link in Blogger

You can add a 'Read more' link to your blog posts in Blogger by using the 'Insert Jump Break' option. Adding and customizing the read more link in your Blogger blog is a simple process. In this post, I will guide you on how to change or edit the text of the 'Read more' link on your Blogger blog. You can easily change the default 'Read more' text to any custom text of your choice.

Replacing the default text with your customized text is indeed a great idea. Not only can you edit the 'Read more' text, but you can also replace it with an image. This allows you to add visual elements instead of plain text for the 'Read more' link.

Follow below steps to change/edit read more link in your Blogger blog :

Step 1 : Go to your Blogger Dashboard

Step 2 : Click on Template and click on Edit HTML

Step 3 : Search below code in your Blogger template code

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

Step 4 : Replace <data:post.jumpText/> with your own text like below

<div class='jump-link'>
<a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'>Continue »</a>
</div>

Step 5 : Click on Save template

That's it! You have successfully changed the default 'Read more' text to 'Continue »'. Similarly, you can easily change the read more text in your Blogger blog. Additionally, you have the option to replace the text with an image if desired.

To replace Read More text with an image -
Replace <data:post.jumpText/> with your image tag(code).