¡Hola blogger!
Hace tiempo os escribí un post sobre "Como poner me gusta de facebook", pues bien desde el día 23 de Junio, este tutorial facebook lo ha actualizado y ya no funciona si lo hacéis así.
Y lo que es peor las que lo tenéis instalado si no lo actualizáis os dejará de funcionar. Por ello hoy os traigo la actualización sobre como poner me gusta de facebook.
1. Lo primero que tenemos que hacer es entrar en https://developers.facebook.com/docs/plugins/like-box-for-pages
2. Nos saldrá esto y pinchamos en lo que tenéis señalado:
3. Despues simplemente teneis que ir cambiando los datos.
- En facebook page URL ponéis la dirección de vuestra pagina de facebook.
- Width es el ancho que queréis ponerle.
- Height, el es alto.
- Adapt to plugin container width, si queréis que se ajuste automáticamente al ancho.
- Show friend's faces, si queréis que se muestre la foto de vuestros seguidores.
- Use small header, si queréis que se ponga la cabecera de vuestra pagina de facebook.
- Hide conver photo, esto es si queréis ocultar la cabecera de vuestro facebook.
- Show page post, si quereis que se muestren las ultimas publicaciones en el cuadradito.
Yo lo tengo puesto todo como veis en la imagen, pero esto es a gusto de cada una.
4. Le damos a Get code y nos saldrá lo siguiente, aunque facebook nos dice que implementemos el primer código en nuestro blog, no le vamos a hacer caso, porque os va a salir que no se puede cerrar la linea.
Lo que si vamos a hacer es ir a blogger/plantilla /html y con control + F buscar <body>.
A veces es muy tonto y no aparece por lo que tendréis que buscarlo por body o manualmente quedándoos la vista en la pantalla, os pongo una imagen de donde lo tengo yo para que os hagáis una idea de donde podéis encontrarlo.
Y justo debajo de <body>pegamos:
<div id='fb-root'/>
<script> //<![CDATA[
(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/en_US/sdk.js#xfbml=1&version=v2.3";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
//]]>
</script>
Y guardamos.
5. Ahora si que vamos a coger el segundo código que nos dio facebook, y vamos a diseño, añadir html, pegamos nuestro codigo, guardamos y listo.
¿Que te ha parecido este tutorial para blogger?
Dicho y hecho! Gracias por el tutorial!
ResponderEliminarHalaaaaa! Gracias por el tuto!!
ResponderEliminarDe nada preciosa.
EliminarHola te sigo por el TAG ,muy interesante por cierto tu tutorial .
ResponderEliminarmuchas gracias , guapetona, eres un crack
ResponderEliminar