Normally in blogger, there is no customized Read More button picture. So what? Can't use the picture I want to see? No way I have to see my favorite picture in my blog. This is how to change the "Read more" picture in blogger. This is not that hard to implement but it must has to be known to implement something.
Step 1: Login to blogger
Step 2: Go to Dashboard>>Design>>Edit Html
Step 3: Click on Expand Widget Templates
Step 4: Find the code
Can be found around the code shown below:
Step 5: Replace <data:post.jumpText/> with <img src='http://www.ama-university.com/images/readmore.gif'/>. To use another image just replace the image url with the desired image url.
Step 6: Preview first. If ok then save and view it.
Step 1: Login to blogger
Step 2: Go to Dashboard>>Design>>Edit Html
Step 3: Click on Expand Widget Templates
Step 4: Find the code
<data:post.jumpText/>
Can be found around the code shown below:
<b:if cond='data:post.hasJumpLink'><div class='jump-link'><a expr:href='data:post.url + "#more"'><data:post.jumpText/></a></div></b:if>
Step 5: Replace <data:post.jumpText/> with <img src='http://www.ama-university.com/images/readmore.gif'/>. To use another image just replace the image url with the desired image url.
Step 6: Preview first. If ok then save and view it.