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>
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 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.
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.
The IFRAME code on my page www.iluminet.com.mx is the following:
<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Filuminet&width=250&colorscheme=light&show_faces=false&stream=true&header=false&height=400" scrolling="yes" frameborder="0" style="border:none; overflow:hidden; width:250px; height:400px;" allowTransparency="true"></iframe>
When checking this on mobile devices like iPad and iPhone the box modifies its set size.
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>