Replace Read More Link With Image In Blogger .

Mostly people use read more option in their blogger But not like that read more link . so today i am tell you to how to replace read more link with image .I can also do that same ( see in screenshot ) . but for that firstly select a image who was small in size so its help you but i you cant find its ok because i am add custom size in code so its help you or if you want to change the size of image then change in code .

How To Replace Read More Link With Image In Blogger ?

1. Go to Blogger > Template

2. Backup Your Template For safety !!

3. Click on Edit HTML .

4. Check Expand Widget Templates .

5. Find ( Ctrl+F ) this :

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div class='readmore'>
<a expr:href='data:post.url'>Read More</a>
</div>
</b:if>
</b:if>

6. Replace Read More with this code :

<img height='33px' src='Image-URL' width='120px'/>

' Image-URL ' Replace this with Your Read More image URL .

7. Save your template .

Done !! 
If you have any question . please comment :]