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>
Related
I have a standard facebook plugin on my webpage. But though the size is specified, on various occasions (e.g. the PC is not logged in) the text overflows - ignoring the overflow:hidden. In simple words: it does not what it should do. Here goes the code:
<iframe src="https://www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2Fpages%2FKLARTEXT%2F207788969239606%3Fref%3Dhl&send=false&layout=standard&width=250&show_faces=false&font=verdana&colorscheme=light&action=like&height=30" scrolling="no" frameborder="0" style="border:none; align:"middle"; overflow:hidden; width:250px; height:30px;" allowTransparency="true"></iframe>
Any ideas?
Can you point us to some specific examples? There were some bugs recently causing social plugins to bleed over their divs. According to the bug tracker these should be fixed by now:
https://developers.facebook.com/bugs/500201816697073
https://developers.facebook.com/bugs/409142149161197
You can always help yourself by putting the social plugin inside another div with overflow:hidden:
<div style="overflow:hidden;width:300px;height:100px;">
<div class="fb-like" data-href="..."/>
</div>
I have just added new Facebook like box for my website but unfortunately the dark color scheme not function properly.
Attached is the iframe code:
<iframe style="BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; WIDTH: 250px; HEIGHT: 520px; OVERFLOW: hidden; BORDER-TOP: medium none; BORDER-RIGHT: medium none" src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fifocussolutions.com.my&width=250&height=520&colorscheme=dark&show_faces=true&border_color&stream=true&header=true& " frameborder="0" scrolling="no"></iframe>
It will not allow me to add in allowTransparency code inside the iframe.
Can you help?
The facebook "lightbox" effect isn't accomplished with iframes. It's done using absolute positioned divs. There are a number of javaScript libraries out there that make it very easy to create a facebook-like lightbox. Google for facebook lightbox and select one you like.
I am using an Facebook like button within an iFrame in my Fancybox, for my site I use Zenphoto. This seems to only way to make the like button show up in Fancybox.
The code:
this.title += '<iframe src="//www.facebook.com/plugins/like.php? href=http://www.dagloos.com' + this.href + '&layout=button_count&show_faces=false&width=500&action=like&font&colorscheme=light&height=23" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:80px; height:20px;" allowTransparency="true"></iframe>';
When someone clicks the like button now, a blank like notification shows on the facebook page, with the direct img url. I added the og tags to the header of my website, but it doesn't grab them when liking. Probably because the iFrame version is outdated.
How could I make it that the like shows up on facebook with the image thumbnail and if even possible, the rest of the information (site title, desc. etc.)?
<iframe src="http://www.facebook.com/widgets/like.php?href=type in ur web address here"
scrolling="no" frameborder="0"
style="border:none; width:450px; height:80px"></iframe>
After href type in your web address here
I have tried all three different options facebook lets you use when embedding a facebook like button but when I like a page it appears to have added the +1 but when I refresh the page the 'like' doesn't stay. It also doesn't appear in my timeline.
<div class="sm-facebook">
<iframe scrolling="no" frameborder="0" allowtransparency="true" style="border:none; overflow:hidden; width:100px; height:21px;" src="//www.facebook.com/plugins/like.php?href=http://mysite.com/blog/blog-post&send=false&layout=button_count&width=100&show_faces=false&action=like&colorscheme=light&font&height=21&appId=277475035619415"></iframe>
</div>
http://mysite.com/blog/blog-post is an invalid URL. I get nothing. Try it for yourself at https://developers.facebook.com/tools/debug. It has 1 critical, 1 error and multiple warnings. Fix those up and it should work fine.
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