Facebook Like button with different image

Question

I am implementing facebook like button. I had also implemented that successfully but my requirement is I want that like button to be appear on my image.For example :-

facebook button div :-

<div class="fb-like" data-href="http://www.example.com/" data-send="false" data-width="450" data-show-faces="true"></div>

I want this is to appear when user click on this :-

<img src="images/compliments.jpg" alt="Give compliments on car services Mumbai"/>

enter image description here At present facebook show its own like image i want to use my image and when user click on this image it should like this page

I am implementing this for the first time and any help will be appreciated

thanks in advance

Related/possible duplicate: http://stackoverflow.com/questions/9493988/how-to-trigger-facebook-like-button-from-custom-button — Jamie Schembri, Apr 29 '13 at 13:27

score 0 · Answer 1 · answered Apr 29 '13 at 13:28

0

I believe this is against the terms of Facebook, see https://www.facebookbrand.com/dos-donts for a list.

answered Apr 29 '13 at 13:28

Rick van Bodegraven

179
9

Like I said, and several others as well, this is not allowed unfortunately. – Rick van Bodegraven Apr 29 '13 at 13:32

score 0 · Accepted Answer · answered Apr 29 '13 at 13:29

0

"You must not obscure or cover elements of our social plugins, such as the Like button or Like box plugin."

That's basically Facebook saying you cant do that. Sorry

(Taken from http://developers.facebook.com/policy/)

answered Apr 29 '13 at 13:29

Dom

7,135
1
11
13

As I mentioned in my answer, you cant under any circumstances. It's against the Facebook Platform Policies. – Dom Apr 29 '13 at 13:33
@Dom I think it would be of value to point out what you pointed out, but then also go through how you would do it anyways. – Mark Sep 11 '13 at 23:57

Terning · Answer 3 · 2014-03-19T13:00:29.770

0

Use !important in your stylesheet.

.fb-like { 
 background-image: url("images/compliments.jpg");
 background-repeat: no-repeat !important;}

edited Mar 19 '14 at 13:00

answered Apr 29 '13 at 13:38

Terning

144
2
10

score 0 · Answer 4 · answered Apr 29 '13 at 13:40

0

It is completely against Facebook's terms and conditions - you are not allowed to change the appearance of the logos and/or buttons at all, other than as detailed within the developer API

answered Apr 29 '13 at 13:40

KaraokeStu

758
7
17

Facebook Like button with different image

4 Answers4