by Brajesh Singh

Permalink: #66

Custom Facebook Login/registration Button with BuddyPress Facebook Connect Plugin

The code below allows you to use your own custom login/registration button with facebook connect plus plugin

Please put the following code in your functions.php or bp-custom.php

    function bpdev_custom_fb_login_button( $btn_label = '' ){
        echo bpdev_custom_get_fb_login_button( $btn_label );

    function  bpdev_custom_get_fb_login_button( $btn_label = '' ){

        $fb = BPDevFacebook::get_instance();
        //if user is already logged in, do not show the button
        if( $fb->get_current_user_id() || is_user_logged_in() || !bp_get_signup_allowed() )

        $helper = BPDevFBUserSettings::get_instance();

         $permissions = $helper->get_permissions();
            //pass a label for chaning the login text
         return "<div class='fb-login-button' data-scope='".$permissions."'><a href='#'>".$label."</a></div>";//so incase the custom text is given


You will Need to call/show the button using

<?php bpdev_custom_fb_login_button('Login Please');?>

To make this button work, we will need to add following javascript code

//bind facebook login button click
jq('body').on('click','.fb-login-button a', function(){

   var fb_scope=jq(this).parent().attr('data-scope');
    FB.login(function (response) {
       if (response.status == "connected") {
                  //alert('We are debugging our app. Please be patient...');
       else {
           //console.log("Error" + response);
    }, {scope: fb_scope}); 
    return false;

You can put that js code in your theme's js file

Once you are done with that you can use following css classes to change the image etc.

div.fb-login-button a{
div.fb-login-button a:hover{


Hope that helps.

#buddypress, #fb-connect-plus, #custom, #plugins

by Brajesh Singh

Permalink: #54

Check on the subdirectory install of a multisite for the the current blog using is_blog()

  * Check if we are on the blog given by the slug
 if( !function_exists( 'is_blog' ) ):
     function is_blog( $slug ){
        if( !$slug )
            return false;

        global  $current_blog;
        global $current_site;

        $sub_path = untrailingslashit( str_replace( $current_site->path, '', $current_blog->path ) );

        if( $sub_path == $slug )
            return true;

        return false;



#multisite, #tips You can use this as below to see if the sub blog is current blog like this


//yup, we are on the Test blog where test is the slug /blog name