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
Related
Hi the Like Box iFrame Generated Code not working, It make the space for the like box on the sidebar but doesn't shows information. The code is:
<iframe src="//www.facebook.com/plugins/likebox.php?
href=https%3A%2F%2Fwww.facebook.com%2Fmicky.aleon&
width=250&height=290&colorscheme=light&
show_faces=true&header=true&stream=false&
show_border=true" scrolling="no" frameborder="0"
style="border:none; overflow:hidden; width:250px; height:290px;"
allowTransparency="true"></iframe>
I tried following previous answers in this site but it is not working for me.
Just add a
https:
before the //, so it should look like:
<iframe src="https://www.facebook.com/plugins/likebox.php?
href=https%3A%2F%2Fwww.facebook.com%2Fmicky.aleon&
width=250&height=290&colorscheme=light&
show_faces=true&header=true&stream=false&
show_border=true" scrolling="no" frameborder="0"
style="border:none; overflow:hidden; width:250px; height:290px;"
allowTransparency="true"></iframe>
Is it possible to have more than 1 facebook comment box in a single webpage?
Yes, but you'll need to specify a different url for the comments to be associated with
<iframe src="http://www.facebook.com/plugins/comments.php?href=link1.com&permalink=1" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:130px; height:16px;" allowTransparency="true"></iframe>
<iframe src="http://www.facebook.com/plugins/comments.php?href=link2.com&permalink=1" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:130px; height:16px;" allowTransparency="true"></iframe>
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.
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
i am adding a facebook like button to my site but the text-align won't go to the right hand side. i have no idea how i could do it.
https://developers.facebook.com/docs/reference/plugins/like/
Here is an example of the code:
<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.google.com&layout=standard&show_faces=false&width=450&action=like&font&colorscheme=light&height=35" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:35px;" allowTransparency="true"></iframe>
How about adding text-align: right to the style attribute inside the iframe element:
<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.google.com&layout=standard&show_faces=false&width=450&action=like&font&colorscheme=light&height=35" scrolling="no" frameborder="0" style="text-align: right; border:none; overflow:hidden; width:450px; height:35px;" allowTransparency="true"></iframe>