Underc0de

Programación Web => Zona Webmaster => Mensaje iniciado por: ANTRAX en Junio 21, 2015, 04:08:47 PM

Título: Como colocar caja de comentarios de Facebook en Blogger en 3 pasos
Publicado por: ANTRAX en Junio 21, 2015, 04:08:47 PM
(https://upload.wikimedia.org/wikipedia/commons/thumb/4/48/Blogger-logo.jpg/800px-Blogger-logo.jpg)

En esta mini guía les voy a mostrar como colocar la caja de comentarios de Facebook en los blogs de Blogger.

Paso 1: Entrar en la edición HTML de la plantilla

Paso 2: Buscar la siguiente linea:

Código (html5) [Seleccionar]
<body>

En caso de que usen las plantillas que vienen por default, deben buscar esta otra linea:

Código (html5) [Seleccionar]
<body expr:class='&quot;loading&quot; + data:blog.mobileClass'>

Y justo debajo de esta linea colocan el siguiente código:

Código (html5) [Seleccionar]
<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_LA/all.js#xfbml=1&quot;;
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>


Paso 3: Ahora buscamos la siguiente linea:

Código (html5) [Seleccionar]
<b:includable id='post' var='post'>

Y antes de que finalice la etiqueta </b:includable> colocamos el siguiente código

Código (html5) [Seleccionar]
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='comentariosFacebook'><div class='fb-comments' data-colorscheme='light' data-num-posts='5' data-width='500' expr:href='data:post.canonicalUrl'/></div>
</b:if>


Esto es todo!

(https://lh3.googleusercontent.com/-Wr2qqUyrT4A/VYcJZyDaGtI/AAAAAAAADzE/uZAsNsQNrpI/s1350/Screenshot.png)

Espero que les sirva!

Saludos!
ANTRAX
Título: Re:Como colocar caja de comentarios de Facebook en Blogger en 3 pasos
Publicado por: Yavi en Junio 21, 2015, 08:53:48 PM
Hay es fácil, gracias ANTRAX