Replace "Read more" with Images and Text In Blogs

Tweet

Do you want to change your "Read more" button with any other text or image? If you want to change i have very easy and simple method to change it. Its look very professional when visitors see different style of read more buttons. Lets see how to change this button. I will guide you in each and every step. Steps to change "Read more" button. Steps:-                                                                               Replace "Read more" with desired text. (1):-Go to Blogger.com (2):-Go to Layouts and click on edit on Blog Posts Button. (3):-Now replace read more with any of your desired text. This is method to change "read more" with any text you want. Now we will see how to change/Replace it with image. Replace "Read more" with Desired Image. (1):-Go to Templates and Click on Edit HTML >> Proceed. (2):-Save your current template. (3):-Search "Read more" or the text you have replaced in first method. (4):-Replace that text with the code provided below. <img width="120px" height="32px" src="http://www.radiantresources.com/images/Objects/Button_ReadMore_Reflective.jpg"/> (5):-You can select any image you want. Here is the code for your desired read more button. <img width="120px" height="32px" src="URL Of Your Read More Button Image"/> I hope you will like my this post. If you will face any problem do mention in comments. Don't forget to get subscribed. Have a Nice Day.

Do you want to change your "Read more" button with any other text or image? If you want to change i have very easy and simple method to change it. Its look very professional when visitors see different style of read more buttons. Lets see how to change this button. I will guide you in each and every step.

Steps to change "Read more" button.

Steps:-                                                                              

Replace "Read more" with desired text.

(1):-Go to Blogger.com

(2):-Go to Layouts and click on edit on Blog Posts Button.

(3):-Now replace read more with any of your desired text.

This is method to change "read more" with any text you want. Now we will see how to change/Replace it with image.

Replace "Read more" with Desired Image.

(1):-Go to Templates and Click on Edit HTML >> Proceed.

(2):-Save your current template.

(3):-Search "Read more" or the text you have replaced in first method.

(4):-Replace that text with the code provided below.

<img width="120px" height="32px" src="http://www.radiantresources.com/images/Objects/Button_ReadMore_Reflective.jpg"/>

(5):-You can select any image you want. Here is the code for your desired read more button.

<img width="120px" height="32px" src="URL Of Your Read More Button Image"/>

I hope you will like my this post. If you will face any problem do mention in comments. Don't forget to get subscribed. Have a Nice Day.

Follow @howdoblog

Subscribe to Our Newsletter

Learn Blogger Tips and Tricks and Subscribe to get daily updates right into your inbox