![]() |
Comentario Facebook |
Como sabrán hay muchos blogs que usan comentarios de facebook para facilitar la interactividad en blogger o cualquier otro blog, a continuación vamos a poner este sistema de comentario en nuestro blog:
Sistema de comentarios de facebook en blogger
- Ingresar a tu panel de blogger y clic en Plantilla.
- Clic en editar HTML.
-
Presionar CTRL + F y buscar la siguiente etiqueta
</body> y antes de esta estiqueta copiar y pegar el siguiente código
(ojo este código es totalmente necesario para poner los gadgets, lo llamaremos código principal):
<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/es_ES/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<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/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
- Luego clic en Diseño
- Clic en añadir un gadget
- En el cuadro que aparece pegar el siguiente código
<div class="fb-like" data-href="http://www.facebook.com/pages/tupaginadefacebook" data-send="true" data-width="500" data-show-faces="true"></div>
<div class="fb-comments" data-href="http://www.parablogger.info/2013/04/poner-comentarios-de-facebook-en-blogger.html" data-width="500" data-num-posts="10"></div>
Debes reemplazar la url http://www.parablogger.info/2013/04/poner-comentarios-de-facebook-en-blogger.html por la url de tu post o entrada donde va ir este gadget de comentarios facebook.
Si cambias el valor de "500" también debes cambiar "500" ambos deben tener el mismo valor, estos valores cambian el tamaño del cuadro de comentarios.
IMPORTANTE: este código debes poner debajo de las entrada de blogger, para ello después de escribir el post o entrada dale un clic en el botón HTML y al final pegas este código, la url o enlace de tu post lo tienes al lado derecho de tu pantalla en la opción enlaces, y mas abajo debes darle clic en opciones y seleccionar en la opción de comentarios no permitir, esto para no tener doble opción de comentarios.
Fuente: seguridad ante los más pequeños (piscinas)