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.
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>
im using likebox in iframe
<iframe src="//www.facebook.com/plugins/likebox.php?href=
<?=Facebook::GetConfig('LikeUrl')?>
&width=292&height=290&colorscheme=light&
show_faces=true&border_color&stream=false&
header=true&
appId=<?=Facebook::GetConfig('appId')?>"
scrolling="no" frameborder="0" style="border:none; overflow:hidden;
width:292px; height:290px;" allowTransparency="true" id="fbframe"></iframe>
how can I know have user pressed like button or no , cuz
FB.Event.subscribe('edge.create', function(targetUrl) {
alert('liked ');
});
does not works
edge.create and edge.remove events fired only for non Iframe version of Like Button (XFBML and HTML5)
You can easily change your Iframe version other:
<fb:like-box href="<?=Facebook::GetConfig('LikeUrl')?>" width="292" height="290"
show_faces="true" stream="false" header="true"></fb:like-box>
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?
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>