Uno de los temas m?s solicitados es c?mo poner la caja de comentarios de Facebook en el blog, y es que a veces se vuelve m?s f?cil comentar desde Facebook pues la mayor?a est? conectado a esa red social todo el tiempo, adem?s no necesitamos ingresar con nuestros datos de Google para poder comentar en un blog que contenga este tipo de comentarios.
Este m�todo lo vi en
Vagabundia, donde explican c?mo agregar el
Plugin de comentarios de Facebook de manera que cada entrada tenga su propia caja de comentarios y sea independiente a las dem?s.
Como primer paso entra en la Edici?n HTML del blog y busca la etiqueta:
<body>
Si usas una plantilla del Dise?ador entonces la encontrar?s como:
<body expr:class='"loading" + data:blog.mobileClass'>
Debajo de cualquiera de ellas agrega esto:
<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>
Despu�s busca esta l?nea:
<b:includable id='post' var='post'>
Si vieras una flechita ▶ al lado de ella da click para que se expanda ese artilugio. Y justo antes del siguiente
</b:includable> agrega esto:
<b:if cond='data:blog.pageType == "item"'>
<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>
As? se ve el ?rea donde se agrega el c?digo (la parte que est? arriba del ?rea marcada en rojo puede variar de plantilla en plantilla)
Con eso ya tendr?s la caja de comentarios de Facebook en tus entradas (recuerda que debes ingresar a un post para poder verla).
La caja estar? arriba de los comentarios de Blogger. Si quieres que est� debajo del formulario de comentarios entonces el c?digo del plugin ponlo justo arriba de este c?digo:
</div>
<b:if cond='data:post.includeAd'>
Dentro del ?ltimo c?digo que a?adimos veremos estos par?metros:
data-num-posts='5'
data-width='500'
data-colorscheme='light'
El primero es el n?mero de comentarios que se mostrar?n; el segundo el ancho del formulario; y el tercero el color del formulario, puedes cambiar
light por
darkHasta ah? ya tenemos el
CommentBox de Facebook; si deseas personalizarlo un poco puedes colocar antes de
]]></b:skin> algunos estilos, por ejemplo:
#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 */
}
Si quieres que cada vez que alguien haga un comentario te llegue una notificaci?n de Facebook, y puedas moderar los comentarios, ser? necesario que crees una aplicaci?n. Pero para ello es necesario tener verificada la cuenta de Facebook.
Si es as?, entra a
Facebook Developers y haz click en el bot?n
Crear nueva aplicaci?n.
Ah? escribe el nombre de la aplicaci?n, acepta los t�rminos y click en
Continuar.
En la siguiente pantalla haz click en
Sitio web, ah? escribe la URL de tu blog donde lo pondr?s; tambi�n copia el n?mero que est? en
App ID.
Ahora entra de nuevo en la
Edici?n HTML de tu blog y pega antes de
</head> esto:
<meta content='ID de USUARIO' property='fb:admins'/>
<meta content='ID de APLICACI?N' property='fb:app_id'/>
En la ID de aplicaci?n agrega la serie de n?meros que copiaste. Y en ID de usuario agrega tu ID de Facebook, sino lo conoces ingresa a este enlace:
http://graph.facebook.com/usuario
Cambia donde se indica tu nombre de usuario y da click, ah? ver?s cu?l es la ID de tu usuario de Facebook (Gracias a Siniestro por el tip).
Una vez hecho eso ingresa a una entrada para ver tu caja de comentarios y dale click en
Configuraci?n. Ah? ver?s varias opciones del plugin; en donde dice
Moderadores, agrega tu nombre y guarda los cambios.
Una vez habiendo hecho todo lo anterior podr?s moderar los comentarios y recibir?s las notificaciones en tu cuenta de Facebook cada vez que alguien haga un comentario. Sino lo haces podr?s seguir teniendo tu caja de comentarios de Facebook pero sin estas opciones.
Al final de la entrada he puesto una para que puedas probar el resultado, pero cualquier duda sobre el tema d�jala en los comentarios de Blogger ;)
