8 dic 2014

[Tutorial] Añadir una caja de comentarios de Facebook

Hii~! Esta vez os traigo un tuto para añadir una cajita de comentarios de Facebook en vuestro blog!
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.

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.

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 = &quot;//connect.facebook.net/es_ES/sdk.js#xfbml=1&amp;version=v2.0&quot;;  fjs.parentNode.insertBefore(js, fjs);}(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));</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