I'm at my wits' end with this technical problem and hoping someone out there is able and willing to help. I'm trying to implement a Facebook like box using iframe. This is the code Facebook tells me to put where I want the box:
The unsatisfactory result can be seen here to the bottom right of John Adams in the third row of the table. I have googled for hours (and tried changing the 'allowTransparency' attribute to 'allowtransparency' and also tried removing it altogether; neither tweak worked) without figuring out how to get the box to render properly. What gives?Code:<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2Fcelebritytypescom%2F118151358256086&width=292&colorscheme=light&show_faces=true&border_color&stream=false&header=true&height=62" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:62px;" allowTransparency="true"></iframe>
06-11-2011, 08:22 AM #1
Techies please help: Problem implementing FB like box using iframe
06-11-2011, 12:34 PM #2
whats wrong with the frame exactly ? Looks great to me in IE
06-11-2011, 12:49 PM #3
Thanks for checking it out, entropie!
All I see (in any browser) is "Find us on Facebook" as well as a FB logo and the words "Facebook social plugin". In between there's supposed to be our logo, the title "celebritytypes.com", a like button and underneath that the words "64 people like celebritytypes.com" and two rows of faces. You can see what I mean in this screenshot.
06-11-2011, 12:53 PM #4
How is it supposed to look, I am not on facebook. I see this:
06-11-2011, 12:56 PM #5
06-11-2011, 01:06 PM #6
06-11-2011, 01:16 PM #7
No, I deleted it cause I found the answer I was looking for. I am having the same problems like you creating the likebox. Something doesnt link probably. Can you use this box too ?
<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like-box href="http://www.facebook.com/pages/celebritytypescom/118151358256086" width="292" show_faces="true" border_color="" stream="true" header="true"></fb:like-box>
06-11-2011, 01:17 PM #8
This one is without the blog stream:
<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like-box href="http://www.facebook.com/pages/celebritytypescom/118151358256086" width="292" show_faces="true" border_color="" stream="false" header="true"></fb:like-box>
06-11-2011, 01:18 PM #9
The xfbml option doesn't work either. :sad: And I understand it's more complicated than the iframe one (and also affords more features, which we don't need, however), so that's why I am asking for help with the iframe option.
Edit: Actually now the xfbml option works for me in all browsers except IE.
06-11-2011, 01:25 PM #10
The xfbml works for me. Well I am no facebook expert. I've done some googling and it says that iframes could get restricted by the server due to your security settings. So its probably not mthe code that isnt working. I've found an article maybe this does help you, again I never had a facebook account, am no expert on that topic :/
Lemme know if that helped
By Robopop in forum Philosophy and SpiritualityReplies: 3Last Post: 08-17-2011, 09:30 PM
By IZthe411 in forum The SJ Guardhouse (ESFJ, ISFJ, ESTJ, ISTJ)Replies: 94Last Post: 06-22-2011, 07:11 PM
By Economica in forum Science, Technology, and Future TechReplies: 16Last Post: 01-22-2011, 05:36 PM
By Take Five in forum What's my Type?Replies: 9Last Post: 06-05-2009, 11:05 AM
By Nocapszy in forum The NT Rationale (ENTP, INTP, ENTJ, INTJ)Replies: 13Last Post: 03-15-2008, 10:59 AM