[TUTORIAL] Use button image for Facebook Connect plugin

[volunteer]

this tutorial is the result of another thread

thanks Tom and aide2001 for your help.


here it goes:

in your plugins folder look for facebook/index.php

and change

Code: [Select]

    function fbc_button() {
        if( !osc_is_web_user_logged_in() ) {
            echo '<div><a href="' . OSCFacebook::newInstance()->loginUrl() . '">' . __( 'Login with Facebook', 'facebook' ) . '</a></div>';
        }
    }
for

Code: [Select]

    function fbc_button() {
        if( !osc_is_web_user_logged_in() ) {
            echo '<div><a href="' . OSCFacebook::newInstance()->loginUrl() . '">' . __( '<img src="/oc-content/themes/YOU+THEME+HERE/images/facebook_login.gif">', 'facebook' ) . '</a></div>';
        }
    }
you can download the original images from here but notice u will have to resize them to fit your site design:
https://developers.facebook.com/docs/facebook-login/checklist/#brandedlogin

or use the one I attach to this post that doesn't need to be resized for default osclass style:
ALSO ATTACHED SCREENSHOT OF MY SITE TO SEE RESULTS

will post this as tips/tutorial.. saw many people dealing with this issue

[tomshaft]

If you want. Zip your plugin and attached to post.

Tom

[pixellegolas]

Thanks! Worked great!

[aide2001]

Thanks @volunteer for the post, glad we can help

[ventado]

Hi,

What about showing the profile pic if you are logged in?

Thanks!

[volunteer]

that's a different story, can't help u with it sorry

[aide2001]

I used this
function fbc_button2() {
        $user = OSCFacebook::newInstance()->getUser();

        if( $user && osc_is_web_user_logged_in() ) {
            echo '<img src="https://graph.facebook.com/' . $user . '/picture" style="float:right;">';
            //echo '<a href="' . OSCFacebook::newInstance()->logoutUrl() . '">' . __( 'Logout', 'facebook' ) . '</a>';
       
        }
    }

Being that the first button for facebook is to log in or out, I used another function call to show their image. So in facebook plugin index, put the above and where you want their image put <?php fbc_button2(); ?>

[ventado]

Thanks aide2001.

[aide2001]

No probs 
Did it work for you??

[bujuk]

thanks for the nice twist.  managed to get it works.

just have one small issue.  the button wont appear in the android/smartphone.  i'm using bender by the way.

[aide2001]

Have you got the mobile plugin?, there really shouldn't be a problem i have bender theme and all is good.

[bujuk]

So I need to install a mobile plugin ontop of the fb plugin?

I though the header php should be good enough. Ok, i ll try that. Thnks for the tip.

Azman

[aide2001]

No you dont need mobile plugin.
If you have amended the header.php this is wrong.
You need to amend the facebook index.php with the code to show the image. Thats why mobile is not working

[jvpacoin]

Just wanna say thanks for the great tutorial

[damansingh]

Worked like a charm, How can I control the size of the image shown up???