Replace "read more" text with image

There's always another things to do with blogger, that's why i love it.
Follow this trick to replace your "read more" text with an image.


1. Backup your template. recomended

2. Go to layout tab "Edit HTML".

3. Search the following:

<a expr:href='data:post.url "#more"'>Read More </a>

or

<a expr:href='data:post.url "#more"'><data:post.jumpText/></a>

4. Replace the bold text with this tag

<img border="0" src="YOUR IMAGE URL"/>

5.Save your layout.

Done!!