lunes, 6 de marzo de 2017

Poner el Like Box de Facebook en blogger

Quizás éste es uno de los plugins que más debes tener en cuenta, ya que si un usuario se hace fan de tu página, recibirá las actualizaciones en su cuenta de Facebook. Es un modo de suscribirse y estar al día, para los usuarios activos de Facebook.
Lo primero que tienes que hacer es crearte una pagina de Facebook, al terminar ingresar a la página oficial de Facebook para desarrolladores, esto es lo que veremos:

  1. Facebook Page URL.- Esta es la URL de tu página en Facebook, accede a tu cuenta de Facebook y copia la dirección web aquí
  2. Width.- El ancho, en píxeles, que tendrá la caja, intenta que se ajuste al lugar donde la colocarás
  3. Height.- El alto, en píxeles, de la caja. Cuanto más grande hagas la caja, más fotos contendrá
  4. Color Scheme.- Plantilla de la caja, dispones de dos: light (clara) y dark (oscura)
  5. Show Friend's Faces.- Marca esta opción si deseas que se vean las fotos de tus fans
  6. Show Header.- Si marcas esta opción, se mostrará la cabecera de la caja "Búscanos en Facebook"
  7. Show Posts.- Si la habilitas, se mostrarán las últimas publicaciones de tu página de Facebook
  8. Show Border.- Indica si quieres bordes en la caja

Al terminar generas el codigo, pero aun no copies ninguno.

Luego agregamos el siguiente codigo en Plantilla | Edición de HTML, y ahora antes de </body> 
<div id="fb-root"></div>
<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_ES/sdk.js#xfbml=1&amp;version=v2.0";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
Para terminar agregamos el segundo resultado del código generado anteriormente en Diseño/HTML/Javascript, el primero fue reemplazado por el código anterior.
Compartir:

PAG WEB de Farmacia con HTML5 y CSS

Interfaz Principal de la Página Tamaño de Escritorio: Tamaño de Tablet: Tamaño de Celular Movil: Armado de l...