Change Facebook connect button to my own image

Question

I'm using Facebook PHP SDK to login users to my website. But my problem is that I don't understand how I can change the button to my own button/image.

<div class="fb-login-button" onlogin="javascript:CallAfterLogin();" size="xlarge" scope="<?php echo $fbPermissions; ?>">Connect With Facebook</div>

This is how my code looks. But I want to show my image "connect.png" instead of the ugly standard button they give me.

Can you help me?

Love /Karl

I think modificate FB button is against their TOS – A. Wolff Feb 04 '13 at 18:41 — A. Wolff, Feb 04 '13 at 18:41
But I have seen a lot of sites with custom buttons. – Feb 04 '13 at 18:43 — , Feb 04 '13 at 18:43
Ok, so don't take my comment into account, i was not sure – A. Wolff Feb 04 '13 at 18:44 — A. Wolff, Feb 04 '13 at 18:44

score 2 · Answer 1 · answered Feb 04 '13 at 21:42

with the mentioned fb-login-button you can't specify your own image. But you can create your own link to the facebook login page (attached to a custom image). have a look here, how you can get your personal login url:

https://developers.facebook.com/docs/reference/php/facebook-getLoginUrl/

Change Facebook connect button to my own image

1 Answers1