How To Change "Read More" Link in Blogger

You can add "Read more" link to blog posts in Blogger using insert jump break option in Blogger. It's simple to add and customize read more link in Blogger blog. In this post I would like to show you how to change/edit read more link text on your Blogger. You can change the default read more text to some thing of your won text easily.

Replacing default text with your customized text is really good idea. Not only you can edit read more text but also you can replace read more text with image.

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 default "Read more" text to Continue ». Like this you can change read more text in your Blogger blog easily. You can also replace text with image.

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

1 comment: