Join Our Telegram Channel Contact Us Join Now!

How Replace readmore button With an Image into Blogger ?

Read More


 Read in English  
বাংলায় পড়ুন

Step-1: First Login to your blogger account and go to your blogger dashboard। Then From Template Click on Edit Html.


                    Template Box          Edit Box

Step-2: Find this Code Using "Ctrl+F".
<data:post.jumpText/>

Step-3: Change /Replace the Above Code With any of the Below following codes.
<p align="left"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBrqBg11-2uXnClBEbwhiLmxsrNS1wVeUxq03HdKjjzL7En8xzGgnUYJJXX1wSTyBbvE5Zb6twTEt-DgAX5SCSxSSlIakXw97roE1md2eX6uSD_3NKcy32lySEMkvnVsossCKylIDxKwMF/s1600/2.2.jpg" border="0" alt="Read Full Post" title="Read Full Post"/></p>
OR,
<p align="left"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOcIIRxE11f29BWUA6hdciWl-qzyknjiZFVCNl-DrU4Skb7Rpa9vRoN9SJJRVWCCTKYfv73jjzwXAqMi1kXqX-sLNd9YB_ruf8vHTlPeOHx_CQfvM5BddjHKD8_6fAp28N2zCY3K52xVpX/s1600/Read%252BMore2.png" border="0" alt="Read Full Post" title="Read Full Post"/></p>
OR,
<p align="left"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8nG369VGeCCMv-sdUthaG0IbG3BwfgKMU5C75KtE2vRg6lY4fJ3DYy_DfcA-rmDY6lZZ96NiVVpjt1j4JFBXVodB3oRJrL4_U7aofWgSRsVkugGxLPz6Ag3mB1-WyuJgsGK4wkR0tPjRG/s1600/2.1.png" border="0" alt="Read Full Post" title="Read Full Post"/></p>
OR,
<p align="left"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtnxPDl82sAXy-YC9SW5Kuiio2yBVYMZqpREKidgvlGvncOkgOrZZHikhH0qqQy-l1ysVdg2jVPjjJ4FcLJnZUq_IPn0kRAmSxhfoegGU5Ht_FWnaXJCRYYCttSizEC-Fwp6RycPmGSHHQ/s1600/2.3.png" border="0" alt="Read Full Post" title="Read Full Post"/></p>
OR,
<p align="left"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWXOpFIPFCf_IwVTaw2EDo5TVTkVqboAg12zD5YqbLRsN4gy_We7zHPUqvtnQV0Qnq9xW7Vsmr_vcP3g25jui6CCaFx8PIGi-IfemPpmwk35BT3XtO0XRP236n46kH9XoVtNLU4ExkUX5T/s1600/2.png" border="0" alt="Read Full Post" title="Read Full Post"/></p>
 (Note: If You want to add a text instead of a image add the below following code।)
<p align="left">Read More</p>
Step-4: Then Click on Save Template।

Live Demo

Rate this article

Loading...

Post a Comment

Cookies Consent

This website uses cookies to ensure you get the best experience on our website.

Cookies Policy

We employ the use of cookies. By accessing Lantro UI, you agreed to use cookies in agreement with the Lantro UI's Privacy Policy.

Most interactive websites use cookies to let us retrieve the user’s details for each visit. Cookies are used by our website to enable the functionality of certain areas to make it easier for people visiting our website. Some of our affiliate/advertising partners may also use cookies.