Need help? Check out our Support site, then


WordPress.com Forums » Support

facebook like button

  1. fuminator
    Member

    i am having trouble putting the code to my sidebar using widget. Could someone help me?

    All i want to do is put facebook Like Button not Like box . I went to FB and typed my website and pressed "get code". There is two codes listed and I don't know what to do with that... I tried to put them both or put the second one to the Text Wiget but nothing comes on. Twitter was easier. Does anybody know how to do it?

    The blog I need help with is athomeusa.wordpress.com.

  2. timethief
    Member

    You can have Facebook like & share buttons on your posts.
    http://en.forums.wordpress.com/topic/its-possible-facebook-share-and-like-buttons-at-the-same-time-update?replies=5

  3. fuminator
    Member

    I understand that, but I would like to have one on the sidebar, just like the twitter, which will connect to reader's own Facebook account log in page (if he is not signed in), is it possible? if so, do you know how?

  4. timethief
    Member

    See here > http://en.support.wordpress.com/facebook-integration/facebook-badge/
    Also note that all you need is to capture an image and upload it, link it to your profile page and display it in a text widget.
    http://en.support.wordpress.com/widgets/text-widget/
    http://en.support.wordpress.com/links/text-widget-links/

  5. fuminator
    Member

    I am sorry, maybe I am not being clear about my question...Facebook has plugin code and I know how to get the code: after typing in my blog info, it gives me the following:
    I don't know what to do about #1 below. Where am I supposed to place the code#1? I tried to copy and paste the code 2 to the Text Wiget, but it does not work. It does not show any button.

    1.
    Include the JavaScript SDK on your page once, ideally right after the opening <body> tag.

    <div id="fb-root"></div>
    <script>(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";
    fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));</script>

    2.
    Place the code for your plugin wherever you want the plugin to appear on your page.

    <div class="fb-like" data-href="http://athomeusa.wordpress.com" data-send="false" data-width="450" data-show-faces="false"></div>

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags