Consulta agregar caja de comentario a mi pagina web

Hola que tal,

Mi nombre es gaston y soy nuevo en el desarrollo de paginas web, les comento cual es mi problema, hace poco empece a desarrollar una pagina web y quiero añadir el box de comentarios de facebook para lo cual investigue y vi que en la pagina de face te proporcionan el codigo luego de haber creado un app id, mi problema es que primero probe el codico en mi pagina que no esta todavia subida a ningun host esta solo en mi ordenador y no me funcionaba y luego cree un html en blanco para probar solo ese codigo y sigue sin aparecerme nada, les mando el codigo asi me dicen si tiene algun error, desde ya muchas gracias.

Código

<html>
<head>
<title>example</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 = "bloqueado" //conexion;
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
 
 
<br><br>
CAJA COMENTARIOS
 
<div class="fb-page" data-href="https://www.facebook.com/pages/El-Rey-del-Fernet/678522698918566" data-width="300" data-height="300" 
data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true" data-show-posts="true">
<div class="fb-xfbml-parse-ignore"><blockquote cite="https://www.facebook.com/pages/El-Rey-del-Fernet/678522698918566">
<a href="https://www.facebook.com/pages/El-Rey-del-Fernet/678522698918566">El Rey del Fernet</a></blockquote></div></div>
</body>
</html>

Saludos.

Mod: Tapado datos sensibles con "bloqueado", los códigos deben ir en etiquetas GeSHi