Facebook, how to change like button image?

Question

Does anyone know how to change the image for the facebook like button?

I'm using the XFBML version.

<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
<fb:like-box href="http://www.facebook.com/Platform" width="292" show_faces="false" stream="false" header="true">
</fb:like-box>

Answer 1

You simply can't (or not allowed to!). Read this answer.

Also check the Facebook Usage Guidelines, under the Facebook Like Button section (Usage tab):

While you may scale the size to suit your needs, you may not modify the Like Button in any other way (such as by changing the design).

Answer 2

I know its an old question, but you can do it if you like. Use the iframe inside a div or span tag, then put a backgroung image in the tag and make the iframe "opacity: 0", so, you can click the button, but you don´t see it. Here´s an example: Like Button with custom image

Answer 3

Actually you can legally change the like button as long as you don't disguise it as something else, as confirmed by this forum post. However how to do it is a bit more tricky. Here's an example on how change it (the iframe version doesn't work on i.e.):

http://www.esrun.co.uk/blog/disguising-a-facebook-like-link/