Este tutorial lo he sacado de Diarios de la nube :D
Yo lo tengo en uno de mis blogs, y así es como me queda ^^
Bueno... Empecemos!
1. Vamos a la pagina de Facebook Developers, a la página para el "widget" de comentarios: https://developers.facebook.com/docs/plugins/comments/
Y introducimos los datos que no piden para el widget:
2. Al terminar le damos click a Get Code y nos dará 2 códigos.
+13.33.42.png)
3. Entonces vamos a nuestro blog, a Plantilla > Editar HTML > Y buscamos (Cmd + F): <body y justo después añadimos el primer código que nos dieron en el paso 2, y guardamos.
+13.36.24.png)
AVISO: Si al guardar te da error, añade a vuestro código la parte de rojo:
<div id='fb-root'/><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/es_ES/sdk.js#xfbml=1&version=v2.0"; fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'facebook-jssdk'));</script>
4. Después de guardar, vais Diseño y pulsa "Añadir gadget" y cuando os salga la ventana donde aparecen todos los estilos de gadget buscad "Html/Javascript". Cuando lo tengas, añades el segundo código que te dieron en el paso 2 ahi!
Y por último guardais y mirais como ha quedado este widget en vuestro blog! :)
AVISO: Si quieres administrar los comentarios que se introduzcan, para eliminar o impedir que los usuarios escriban contenido irrelevante o abusivo, de nuevo edita la plantilla HTML y añade después de <head>:
<meta property="fb:admins" content="{TU ID DE FACEBOOK}"/>
Espero que os sirva! ^^ Bye bye~!
No hay comentarios:
Publicar un comentario