I’ve read through the various threads here regarding problems with the Facebook Like widgets, however I still cannot get mine to show in any browser.
I’ve ran my site through the debugger tool that Facebook has, and I only got a warning regarding an og:locale property, which I don’t think is causing the issue.
See the simple html below, can anyone help here?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>New Web Project</title>
</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 = "//connect.facebook.net/en_GB/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<h1>New Web Project Page</h1>
<div class="fb-like" data-href="http://www.facebook.com/pages/myGFC/" data-send="false" data-width="450" data-show-faces="false" data-font="lucida grande">Text here</div>
</body>
</html>
Try this Snippet: