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>
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>
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 would set auto height to my facebook iframe:
<iframe src="http://www.facebook.com/widgets/like.php?href=<? the_permalink(); ?>&layout=button_count&width=450&action=like&colorscheme=light&font&show_faces=false&height=24"
scrolling="no" frameborder="0"
style="border:none;">
</iframe>
How can I do?
Thanks a lot.
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>
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