facebook like button

fuminator · Member · Sep 4, 2012 at 2:29 am
Copy link

Add topic to favorites
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: (visible only to logged in users)
timethief · Member · Sep 4, 2012 at 3:06 am
Copy link
You can have Facebook like & share buttons on your posts.
https://en.forums.wordpress.com/topic/its-possible-facebook-share-and-like-buttons-at-the-same-time-update?replies=5
fuminator · Member · Sep 4, 2012 at 9:42 pm
Copy link
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?
timethief · Member · Sep 4, 2012 at 9:48 pm
Copy link
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/
fuminator · Member · Sep 5, 2012 at 2:06 am
Copy link
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>

No items found.