Hoy les traigo una bonita caja de comentarios de Facebook para colocar en el blog.
¿Qué utilidad tiene?
Mucha. Hay personas que navegan frecuentemente por internet que no tienen una cuenta de google, muchísimas personas, pero sí tienen cuenta de facebook, que es lo más normal del mundo en este tiempo.
Esta caja de comentarios sirve justamente para aquellos que no tienen cuenta en gmail o bien que no desean iniciar sesión con todos sus datos para no perder tiempo.
Es una opción más y es importante para incrementar los comentarios y darle la opción a estos visitantes.
Te recomiendo que la pruebes, es sencilla de implementar y como siempre trataré de explicarlo de manera resumida y breve, pero clara.
- Dentro de Diseño entra a edición HTML
- Busca la etiqueta <body> y extiende los artlugios
- Pega este código debajo
<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_LA/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>- Luego busca esta línea
<b:includable id='comment-form' var='post'>- Debajo de ella agrega esto
<div id='comentariosFacebook'>
<div class='fb-comments' data-num-posts='5' data-width='500' data-colorscheme='light' expr:href='data:post.canonicalUrl'/>
</div>- Por último, puedes configurar algunos parámetros de la caja colocando este código antes de ]]></b:skin> y modificando lo que te interese cambiar
#comentariosFacebook {
background:#F2F2F2; /* Color de fondo del contenedor */
width:520px; /* Ancho del contenedor */
padding:10px;
margin-top:0px; /* Cámbialo por -180px si lo has puesto debajo de los comentarios de Blogger */
}
Este comentario ha sido eliminado por el autor.
ResponderEliminardespues de pasar por mil tutoriales lo pude hacer con el tuyo!!!!!!!
ResponderEliminarmira! http://aninesle.blogspot.com.ar/2013/03/ensenando-buenas-maneras-los-ninos.html
Gracias por compartir saludos
saludos!
a mi no me funciono! me voy a volver locaaa he probado mil tutoriales y ninguno sale! por fas hazte un tutorial con eso de los codigos de app de facebook :) si?
ResponderEliminarMaite, podria ser que tu problema fuera la plantilla que usas. Si me das el enlace a tu sitio blogger vere cómo ayudarte
Eliminarsaludos sera que me puedas ayudar poniendo el codigo en un sola, tengo una web en la que me permite poner el codigo html completo. gracias
ResponderEliminarJimy, lamentablemente el código de la caja se coloca al final del blog, la misma caja contiene todos los comentarios, no es lo mismo que los comentarios del sitio, que son por entrada individual.
ResponderEliminarLo usé y me funcionó, ahora quisiera enlazarlo con la pagina que cree en facebook ¿como puedo hacerlo?
ResponderEliminarGracias!!!!!!!!
Lo intenre varias veces y no me funciona. mi blog es
ResponderEliminarhttp://snookithomson.blogspot.com.ar/
Titania, probablemente estés colocando mal el código, porque está probado en blogger, además tu plantilla es simple, debería funcionar muy bien. El nuevo diseño de blogger es un tanto complicado para poder encontrar los sitios donde ubicar los html. Pero con un poco de paciencia, estoy segura que lo vas a poder hacer
EliminarLos comentarios que se publican desde esta caja se publican automáticamente en el sitio de facebook al que lo enlazarte desde el código
ResponderEliminaryo tengo uno de estos pero nose como cambia a color dark alguien me podria genera el codigo mas su color de lo demas me encargo yo saludos
ResponderEliminarCual es el color que necesitas? Los colores se pueden encontrar en cualquier sitio que te presente las listas con sus respectivos codigos
ResponderEliminar