9 de diciembre de 2014

Insertar la caja de comentarios en tu blog

Como insertar caja de comentarios en nuestro blog? aquí les dejo un pequeño tip como insertar la caja de comentarios de facebook en nuestro blog.

insertar caja de comentarios en blogger
Yo se que existen muchos videos de esto, pero al querer realizar, no me salía, averiguando en foros puede encontrar un código que voy a compartir con ustedes, el problema radica en si en la nueva concatenación de algunas variables. espero les sirva el video.





1. Iniciar sesión en Facebook e ir a la siguiente dirección
https://developers.facebook.com/docs/plugins/comments


2. Buscar la etiqueta que nos corresponda
<body> o //normalmente para las plantillas descargadas

<body expr:class='&quot;loading&quot; + data:blog.mobileClass'> //plantillas de blogger

Una vez encontrada pegamos el primer código de facebook.

Con los nuevos formatos de las plantillas, aveces el código que viene en la pagina no funciona, aquí te dejo un que se puede adecuar a las plantillas
<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, &#39;script&#39;, &#39;facebook-jssdk&#39;));</script>

3. Buscamos cualquiera de las siguientes lineas de codigo

<div class='post-share-buttons'>

<div class='post-share-buttons goog-inline-block'>

<div class='post-share-buttons goog-inline-block' style='padding:0 0 0 1px;margin:0;'>

Eligen su código


Caja de comentarios de color Negro
<center>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='comentariosFacebook'>
<div class='fb-comments' data-colorscheme='dark' data-num-posts='5' data-width='560' expr:href='data:post.url'/>
</div>
</b:if>
</center>


Caja de comentarios de color Blanco
<center>
<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='560' expr:href='data:post.url'/>
</div>
</b:if>
</center>