Using Facebook's FBML login button, is it possible to use custom login/logout images?
<fb:login-button
autologoutlink="true"
onlogin="OnRequestPermission();">
</fb:login-button>
Using Facebook's FBML login button, is it possible to use custom login/logout images?
<fb:login-button
autologoutlink="true"
onlogin="OnRequestPermission();">
</fb:login-button>
Yes, it is possible, using the JavaScript version:
<a href="#" id='fb-connect-link' onclick="FB.Facebook.init(api_key, channel_path);FB.Connect.requireSession();return false;">
<img src="/media/default/img/button_facebook.png" alt="F" /><br />Facebook<br />(via Connect)</a>
I used this before and it works.
Nealv's answer demonstrates old API. If you want to use new API then you need to call FB.login() method to trigger fb login dialog at any point.
Nope that's not possible, Facebook does not allow that because of its branded icon/image.
If however, you are using JavaScript for that, see the answer of @Nealv.
Head over to this answer, I have already explained this and also provided the code. Let me know if it still needs further clarification.
Sachin!
Source : How to change facebook login button with my custom image