spoodataipt
New Member
I wanted to put a Facebook widget in my HTML sheet, and I did exactly what it's supposed to, but it doesn't appear in my website.Facebook tells me this: [*]Include the JavaScript SDK on your page once, ideally right after the opening \[code\]<body>\[/code\] tag:\[code\]<div id="fb-root"></div><script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "http://stackoverflow.com//connect.facebook.net/es_LA/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script>\[/code\][*]Place the code for your plugin wherever you want the plugin to appear on your page.\[code\]<div class="fb-like-box" data-href="https://www.facebook.com/Queen" data-width="250" data-height="500" data-show-faces="true" data-stream="true" data-border-color="#97BB55" data-header="false"></div>\[/code\]My HTML sheet is this:\[code\]<html><head> <link rel="stylesheet" type="text/css" href="http://stackoverflow.com/questions/15492813/style.css" /> <link href='http://fonts.googleapis.com/css?family=Cedarville+Cursive' rel='stylesheet' type='text/css'> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script type="text/javascript" src="http://stackoverflow.com/questions/15492813/script.js"></script> <script type="text/javascript"></script></head><body> <div id="fb-root"></div><script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "http://stackoverflow.com//connect.facebook.net/es_LA/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> <div id="dprenav"> <p id="prenav">Olive</p> <div> <a id="twlogo" href="https://twitter.com/JuliDAlessandro" target="_blank" ><img id="imgtwlogo" src="http://stackoverflow.com/questions/15492813/bird_gray_48.png"></a> </div> <div> <a id="fblogo" href="http://www.facebook.com" target="_blank"><img id="imgfblogo" src="http://stackoverflow.com/questions/15492813/f_logo.png"></a> </div> <div> <a id="right-corner" href="http://www.youtube.com" target="_blank"><img id="cbanner"src="http://stackoverflow.com/questions/15492813/corner_banner.png"></a> </div> </div> <div id="barmenu"> <a id="barmenu1" href="http://stackoverflow.com/questions/15492813/#">Home</a> <a id="barmenu2" href="http://stackoverflow.com/questions/15492813/products.html">Products</a> </div> <div id="bleft"> <p>asdasdasdada</p> <div class="fb-like-box" data-href="https://www.facebook.com/Queen" data-width="250" data-height="500" data-show-faces="true" data-stream="true" data-border-color="#97BB55" data-header="false"></div> </div> <div id="barticle"> <p>asdasdasdsa</p> </div></body></html>\[/code\]I think that's alright, but it doens't show in my website. Could you tell me what is the problem?