facebook login no plugin html & java code HOW TO

I will try these soon sites are down right now... only problem i have is i am using easy theme and i cant use header editor plugin as it conflicts, so were do i add html? i can add to my footer plugin but footer is not what i want, maybe ad to ads rotator plugin though i need to make sure it is seen on the main page and not just activity hmm?

https://developers.facebook.com/docs/facebook-login/login-flow-for-web/

http://www.dummies.com/how-to/content/how-to-add-facebook-connect-to-your-website.html

 

http://stackoverflow.com/questions/8628921/how-can-i-implement-facebook-login-into-my-website-locally

  • i have done it but but when anyone logs in just above were the picture says  knowledge for all it logs in but not to the site lol hmm?

  • i added this code it is ok but you can not login to the elgg site unless you have the social login plugin enabled, ,now my elgg social login works would be nice to know how to get this code working without elgg social login or to just use a social login that works?

    <div id="fb-root">&nbsp;</div>
    <script>// <![CDATA[
    (function(d, s, id) {
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) return;
    js = d.createElement(s); js.id = id;
    js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=YOUR APP ID";
    fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));
    // ]]></script>
    <div class="fb-login-button" data-width="300" data-height="350" data-max-rows="10" data-show-faces="true">&nbsp;</div>

  • if your facebook social login does not work use footer or header plugin and add this code 

    Lol cant believe i solved this all by myself!!

    ^_^

     

    <div id="fb-root">&nbsp;</div>
    <script>// <![CDATA[
    (function(d, s, id) {
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) return;
    js = d.createElement(s); js.id = id;
    js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=YOUR APP ID";
    fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));
    // ]]></script>

  • also using this method solved the problem of peoples pics not coming up, it either shows there pic or it shows a identicon pic , search for elgg identicon plugin if you dont have it. instead of showing nothing as it did before, this will do untill someone updates the social login plugin all logins work perfect just not facebook, maybe i founbd the reason why

     

    <div id="fb-root">&nbsp;</div>
    <script>// <![CDATA[
    (function(d, s, id) {
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) return;
    js = d.createElement(s); js.id = id;
    js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=YOUR APP ID";
    fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));
    // ]]></script>