My FB Like button was working fine before, and I'm not sure why it's not working anymore. I don't know if it's the Google+ code that is hindering it or if it's my upgrade to Wordpress 3. At any rate, I got rid of the G+ code and that didn't seem to fix the problem. I also looked at the Javascript console and there were no errors related to the FB like button.
If anyone could check it out, that'd be great. Here's an example of a page where it doesn't work: [dead link]
But the button works on this page:
[dead link]
Any ideas?
Use this iframe
<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.emmafrostfiles.com%2F2011%2F07%2Fdesigning-emma-frosts-costumes-in-x-men-first-class%2F" scrolling="no" frameborder="0" style="height: 62px; width: 100%" allowTransparency="true"></iframe>
and search better next time
https://developers.facebook.com/tools/lint/?url=http%3A%2F%2Fwww.emmafrostfiles.com%2F2011%2F07%2Fdesigning-emma-frosts-costumes-in-x-men-first-class%2F
EDIT::
<iframe src="http://www.facebook.com/plugins/like.php?app_id=202840766434561&href=http://www.emmafrostfiles.com/2011/07/sdcc-2011-exclusive-bishoujo-diamond-emma-frost-statue/&send=false&layout=button_count&width=50&show_faces=false&action=like&colorscheme=light&font&height=20" style="border: medium none; overflow: hidden; width: 90px; height: 20px;" allowtransparency="true" frameborder="0" scrolling="no"></iframe>
&&
<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.emmafrostfiles.com%2F2011%2F07%2Fdesigning-emma-frosts-costumes-in-x-men-first-class%2F" scrolling="no" frameborder="0" style="height: 62px; width: 100%" allowTransparency="true"></iframe>
do you see difference? Try to copy-paste second code and insert it into your site
Related
I have a horror music website and have embedded some HTML5 players into it at www.horror-music.co.uk
I am trying to remove the buy button from the players and I am struggling in finding where to fit the buying=false parameter in my code
My original code is as follows without any adjustments, I was wondering if you would be kind enough to tell me where to insert the piece of code above into my code below so that the buy button does not display:
<iframe
width="100%"
height="166"
scrolling="no"
frameborder="no"
src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/128832115&color=4d1188&auto_play=false&show_artwork=false">
</iframe>
<iframe
width="100%"
height="166"
scrolling="no"
frameborder="no"
src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/128832115&color=4d1188&auto_play=false&show_artwork=false&buying=false">
</iframe>
seems to work for me. So just add &buying=false at the end of the URL.
I have a problem with Facebook recommendation box(feed)
Here is my code:
<div id="fb-plugin">
<div class="fbpl-header">
<div class="fbpl-header-bg">
<h3 style="margin-bottom: 3px; padding-left: 10px; margin-left: 0px;">P1 on Facebook</h3>
<iframe src="http://www.facebook.com/plugins/like.php?href=http://www.policeone.com&layout=button_count&show_faces=false&width=217&action=recommend&font=tahoma&colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:217px; height:25px"></iframe>
</div>
</div>
<iframe src="http://www.facebook.com/plugins/recommendations.php?site=www.policeone.com&width=217&height=2030&header=false&colorscheme=light&border_color=%23FFFFFF&ref=homepage" scrolling="no" frameborder="0" style="border: 1px solid #ECEFF4; overflow:hidden; width:217px; height:2030px;" allowTransparency="true"></iframe>
Some articles has no image and description(like this)
I checked article pages in Facebook debugger and not found any serious error(only about rel='canonical' but other page has the same error and works fine)
Any idea how to solve this?
PS it looks like in this question the same problem.
This is a bug. I made a bug report to facebook
I have been trying to get a like box on a website that works for more than one browser (chrome) and I can't seem to make it work. I've tried FireFox, Safari, IE and nothing. I could get the default Like Box example to work no problem, but when I use the following code nothing:
<iframe src="https://www.facebook.com/plugins/likebox.php?id=114521595255240&width=292&height=300&show_faces=false&colorscheme=light&stream=true&border_color&header=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:300px;" allowTransparency="true"></iframe>
I also tried:
<iframe src="https://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Forlaborersapprenticeship&width=292&height=427&show_faces=false&colorscheme=light&stream=true&border_color&header=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:427px;" allowTransparency="true"></iframe>
I tried with http: and https:. I tried with & inplace of &any help would be greatly appreciated.
Thanks
Mike
Try doing this
<div class="fb-like-box"
data-href="https://www.facebook.com/yourfacebookpage"
data-width="462"
data-height="400"
data-show-faces="false"
data-colorscheme="dark"
data-stream="true"
data-border-color="#333333"
data-header="false">
</div>
Make sure the page is live and has content. If there are no active posts, browsers won't have any content to pull and so won't show the like box. Also, try coding the & to the full html code of &, that helped me.
I am creating Facebook recommendation box here.
The domain is "http://www.mydomain.co.il/". For example("http://www.sport5.co.il/")
I can see the proper box to my right, but when I click "Get Code" and choose "IFRAME" I get this message: "A valid url is required when using the iframe implementation."
You can also try it.
What is wrong here?
It still didn't work so I built the iframe tag myself:
<iframe src="http://www.facebook.com/plugins/recommendations.php?
site=mydomain.co.il&width=300&height=300&header=
false&colorscheme=light&locale=he_IL"
scrolling="no" frameborder="0" allowTransparency="true">
</iframe>
You can you use this format to creating Facebook recommendation box
<iframe scrolling="no" style="border: medium none; overflow: hidden; height: 400px; width: 236px;" src="http://www.facebook.com/plugins/recommendations.php?action=like&appId=123456789&border_color=%23ececec&font=tahoma&header=true&height=400&linktarget=_blank&locale=en_US&site=http%3A%2F%2Fwww.domainname.com&width=236"></iframe>
I would like to integrate FB Fan-Box on my website. Everything works fine, except the height is not correct. For me, the important thing is not displaying the faces, but the stream. When I adjust the height parameter the whole frame gets bigger, but the layer with the stream in it remains still 300px. How can I set this to 900px, since I would like my visitors to see more activities on the stream?!
Here is my code:
<iframe
src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F
%2Fwww.facebook.com%2Fapps%2Fapplication.php%3Fid%3D200876329955648&width=800&
amp;colorscheme=light&show_faces=false&border_color&stream=true&
amp;header=false&height=900"
scrolling="no"
frameborder="0"
style="border:none; overflow:hidden; width:800px; height:900px;"
allowTransparency="true"></iframe>
Thanks for the help!!!!
Try the HTML5 version, it may work better:
<div
class="fb-like-box"
data-href="http://www.facebook.com/platform"
data-width="292"
data-height="900"
data-show-faces="false"
data-stream="true"
data-header="false">
</div>
I've verified that it will go to 900 in height showing more stream items.
No it is not for my HTML 5 tag with 2000px
<div class="fb-like-box"
data-width="1100"
data-height="2000"
Facebook generate iframe height correctly, but inside the iframe
it explicitly set div to 300px... This is a very annoying bug
<iframe name="f36c389328" width="1100px" height="2000px"
<html>
..
<div class="phm pluginLikeboxStream" style="height: 300px"> <---
What is a point of having it configurable if it is defaulted to 300px on FB side?