Actualización caja me gusta de Facebook

¡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.
poner cajon de 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:
poner cajon de me gusta de facebook
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.
poner cajon de me gusta de facebook

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

poner cajon de me gusta de facebook

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.

poner cajon de me gusta de facebook


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?

Suscribete

Melyssa Blog belleza y cósmetica

8 comentarios: