I try to place a Facebook box on a page on my site and then draw it through my own CSS (mainly to increase the height assigned by div # stream_content. (The idea is to have FB feed act as a news feed, but I don’t I want the user to scroll to see more than the top two positions or the way it is done by default).
I read and experimented with sentences from these articles and more: http://stackoverflow.com/questions/4064038/customizing-facebook-like-box,
http://www.daddydesign.com/wordpress/how-to-customize- your-facebook-fan-box / ,
http://hitech-tips.blogspot.com/2010/05/facebook-like-button-xfbml-tutorial.html
I am going to use the FBML route (and not use an iframe) as I am going to use the cross-domain table table. I also see that I need this doctype declaration for my webpage:
<!doctype html lang="en" xmlns:fb="http://www.facebook.com/2008/fbml" xml:lang="en">
So, I have this in the body of the page:
<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
<fb:like-box
profile_id="***my ID here***"
width="450"
height="600"
colorscheme="dark"
show_faces="false"
stream="true"
header="false"
logobar="0"
css="http://***my domain here***/css/FBstyles.css?1"
href="http://www.facebook.com/***my page name here***"
></fb:like-box>
But I still get these errors: "(4) Insecure JavaScript is trying to access a frame with a URL ... (my web page) ... from a frame with a URL http://www.facebook.com/plugins/likebox.php?channel=http%3A%2F%2Fstatic.ak.fbcdn.net%2Fconnect%2Fxd_proxy.php%3Fversion%3D2%23cb%3Dfd907a0e%26origin...blahblahblah. Domains, protocols and ports must match. "
Where do I tie?
source
share