Change Read More Link to image Buttons in Blogger

Follow these steps to change the text with a button.

1. Go to Design tab >> click "Edit html" >> Tick "Expand widget Templates" checkbox
2. Find below text from search (Ctrl + F)

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

3. Now remove these words from the above code.
 + &quot;#more&quot;


Use Mouse Pointers in Blogger
4. After removing these codes your html 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'><data:post.jumpText/></a>
</div>
</b:if>

5. Now look for these words
<data:post.jumpText/>
Replace it with your Text which you want to appear in the place of 'read more' or with your image url
 <img src="http://image-URL.png"/>


<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-rzcuF9T58EBWeo6Vqq-ISfOnatvZit4xflEcZ14nrsS_xHrrLUs8Dv_tKDXWZl898FSpQvgQi7s8v4PpbwAKaGhsDu_968OKl7ASlLgHjSFHsPOEg5CxQ85puPaNUxHuQLWIrplTPLAq/s1600/read+more+in+blogger.gif" width="87" height="47"/>

Your Feed Back Plz

SOCIALIZE IT →

Tweet

FOLLOW US →

SHARE IT →