I've inserted a like box into my page but I have a problem with it.
<fb:like-box href="http://www.facebook.com/TermeszetBolond.Hu" width="176" show_faces="false" border_color="#befcbe" stream="false" header="true" height="140"></fb:like-box>
The like box is loaded, but the facebook header is missing.
You can see the result of this code on the left-middle of http://termeszetbolond.hu
Please heeelp... :)
try: by default show faces is false so need to declare it, same with stream.
<fb:like-box href="http://www.facebook.com/TermeszetBolond.Hu" width="176" header="true" height="140"></fb:like-box>
Related
I know similar questions have been aske before but I'm new at this and can't make sense of it. I'm fairly sure its a straightforward task but I can't do it.
I'm using a CMS on which I cannot access the css template currently.
All I want is to add a Pinterest button and facebook like button to my individual product pages using the html source code editor in a nice neat row. At the moment they display one below the other.
These are the codes:
<a data-pin-config="above" href="//pinterest.com/pin/create/button/" data-pin-do="buttonBookmark">
<img src="//assets.pinterest.com/images/pidgets/pin_it_button.png" />
</a>
<fb:like send="true" layout="button_count" width="100" show_faces="false"></fb:like>
How to write the correct styling code to achieve this?
I am having a problem getting a div containing facebook like/send buttons to expand when the buttons are clicked. I have searched and tried and tried to fix this, but I'm hitting a wall. I believe it has something to do with how the buttons render an iframe, but I'm not sure.
Here's the code, plain and simple (with an example link for og data).
<div id="fb_btns">
<fb:like href="http://www.imdb.com/title/tt0117500/" data-send="true" layout="button_count" width="450" show_faces="false" ></fb:like>
</div>
and the non-expanding div can be seen here
http://spadeballink.com/GALLOWS/TheGoddamnGallows.html
Any help counts! Thanks in advance!
*Also there is no css declaring the height of this div, the only heights declared are for html and body to be 100% (needed for the background image).
Are you using XFBML or Iframe version of like button? For Iframe version you need to use layout=standard for people to be able to see fly-out comment box.
Using https://developers.facebook.com/docs/reference/plugins/like/ to get the code, every time I enter my website www.dealhijack.com the Like Button on the right disappears. If add to my website /deals or anything then it works, but the root one dealhijack.com, the one that I want, does not work.
I do not understand why it does not like the website name. I could not find out why.
Any help in resolving it would be highly appreciated.
I've added http:// to your link, worked fine.
FB returned this code
<div class="fb-like" data-href="http://www.dealhijack.com" data-send="true" data-width="450" data-show-faces="true"></div>
I just got the code for the new like button (the one that also includes the send button) and I am trying to set it to be in the center of the section it is installed in. However, it always stays on the left side of the section no matter what I do. I tried putting it inside many classes of , align, style or fixed position and none worked.
Here's the code:
<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#appId=202863559776189&xfbml=1"></script><fb:like href="http://www.facebook.com/myid" ref="myPageLocation" send="true" layout="button_count" width="450" show_faces="false" font="verdana"></fb:like>
I would greatly appreciate any suggestion that helps.
Its probably a CSS issue from what I understand.
I have not tested it out, but in concept you could use a wrapper around your fb:like tag. Setting styles to the fb:like tag most likely won't work out as fine.
is it possible to create simple Like button for fan page? When I create official Like button, insert my fan page URL in form, it always generate button with image and page title as it is Like box not Like button. I just want simple Like button only with "Like" label and users count.
Is this an issue or default behavior, or just my misunderstanding?
Thanks for advice
Tomas Teicher
Did you mean you want this button?
http://developers.facebook.com/docs/reference/plugins/like
Alternatively, you may use AddThis widget - They even provide analytics for you.
http://www.addthis.com/
I use the widget on this website: http://muamalat.com.my/consumer-banking/financing/mortgage/
I must have misread your question. In that case I've only come across this: http://developers.facebook.com/docs/reference/plugins/like-box/
Uncheck show faces, stream and header; that's the cleanest you could get. Is this what you're looking for?
I don't think AddThis has that feature you speak of. :)
One way to only show the like button by itself is to hide the top part of the button by setting the iframe dimensions to the size of the button: 60x20.
<iframe src="http://www.facebook.com/plugins/like.php?&href=&send=false&layout=button_count&width=60&height=20&show_faces=false&action=like&colosheme=light"
allowtransparency="true" frameborder="0" scrolling="no"
style="width: 60px; height: 20px;">
</iframe>
If you are using Iframe you need to place an http or https: because >iframe starts as
<iframe src="//www.facebook.com/plugins/likebox.php?href= ................></iframe>
and you need to place
<iframe src="**http:**//www.facebook.com/plugins/likebox.php?href= ................></iframe>
The above answer did help me in finding that out.
If i read this correct, then it is definitely possible:
https://developers.facebook.com/docs/reference/plugins/like/
Put in your Page URL, for example: https://www.facebook.com/bladauhu
(that is my own page)
Uncheck Send Button, use Layout Style "button_count", uncheck Show Faces. Leave the rest as it is and click on the "Get code" button. Use the HTML5 or XFBML Version.
For me, this works just like every other Website and it shows the correct number of likes from the Facebook Page. No additional Images, just the plain and simple Like button.
Adding data-layout='button_count' to the HTML5 version worked for me:
<div class="fb-like" data-href="http://facebook.com/wewantoo" data-send="false" data-width="90" data-show-faces="false" data-layout='button_count'></div>