How can i change my "read more" to an image with hover effect?
I'm currently editing my premade layout downloaded in the internet and i would like to edit the "Read More" link to an image.

The best example that i want to achieve is like in the website of 
[www.hongkiat.com][1]. When you hover Continue Reading, the background changes.

my code in the template is this:

    <div class="entry">
    <p><?php the_content('Read More...'); ?></p>
    </div><!--entry-->

Thank you very much in advance!


  [1]: http://hongkiat.com
How can i change my "read more" to an image with hover effect?
===

I'm currently editing my premade layout downloaded in the internet and i would like to edit the "Read More" link to an image.

The best example that i want to achieve is like in the website of 
[www.hongkiat.com][1]. When you hover Continue Reading, the background changes.

my code in the template is this:

    <div class="entry">
    <p><?php the_content('Read More...'); ?></p>
    </div><!--entry-->

Thank you very much in advance!


  [1]: http://hongkiat.com