12 feb 2013

[Tutorial] Como agregar la casilla de comentarios de Facebook en Blogger

Aun estamos trabajando en el diseño del blog y por qué no compartir algo que acabamos de aprender. Agregar la casilla de comentarios de Facebook al final de cada entrada en Blogger es bastante sencillo.

Los pasos a seguir son los siguientes:

>> Nos vamos a la pagina principal de Blogger
>> Plantilla 
>> Editar HTML
>> Marcamos la casilla "Expandir plantilla de artilugios"
>> Ctrl + F
        >> Buscamos <body>
        >> Si ocupamos alguna plantilla debemos buscar<body expr:class='&quot;loading&quot; + data:blog.mobileClass'>

>> Debajo de esto pegamos el siguiente código:

<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>

>> Luego buscamos de la misma manera: <b:includable id='comment-form' var='post'>
>> Y debajo agregamos el siguiente código:

<div id='comentariosFacebook'>
<div class='fb-comments' data-num-posts='5' data-width='500' data-colorscheme='light' expr:href='data:post.canonicalUrl'/>
</div>

Y listo, guardamos y probamos. 

Como se darán cuenta, ya está habilitado en este blog y se puede comentar en esta entrada mediante un usuario de Facebook. 

No hay comentarios.:

Publicar un comentario