CODEWITHSUNDEEP
facebook
Tom
Tom

Reputation: 369

Facebook, how to change like button image?

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>

Upvotes: 10

Views: 91923

Answers (3)

Alejandro Fiore
Alejandro Fiore

Reputation: 1167

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

Upvotes: 6

Filipe
Filipe

Reputation: 98

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/

Upvotes: 5

ifaour
ifaour

Reputation: 38135

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).

Upvotes: 18

Related Questions