Few days ago, I made an updated version of adding "Read More" to blogger but that tutorial doesn't mention on how to replace the "Read More" link with an image. In this tutorial we will show to you how to add an image on it in behalf of the usual style in adding that widget in your blogger without using any image. So let's proceed.
Adding Background Image in Blogger "Read More"
Step 1. If you have not yet put the "Read More widget in blogger, please click it here for the tutorial.
Step 2. Now we will just make some changes on the code that you have you put in replacement of the code "<data:post.body>" in step no. 7 in that previous tutorial.
The original code is:
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
</b:if>
</b:if>
<b:if...
