Agregar like box a blogger

agregar-like-box-blogger-10

Les mostraré paso a paso cómo agregar una caja like (like box) a un blog de blogger. Si ya tienen creada la página de Facebook del blog, con los siguientes pasos podrán agregar la caja like (like box) al blog de blogger:

  1. Visitar el siguiente link: http://developers.facebook.com/docs/reference/plugins/like-box/
    agregar-like-box-blogger
  2. Configurar las siguientes opciones:
    Facebook Page URL: La dirección de tu página en Facebook. Debe incluir http://
    Width: El ancho en pixeles del like box
    Height: La altura en pixeles del like box
    Color Scheme: Esquema de colores del plugin. Solamente tiene dos opciones, experimenta cuál es la que mejor combina con tu blog
    Show Faces: Si está activado, se mostrarán las caras de las personas que le han dado like a tu página
    Border Color: Color del borde. Lo puedes poner en HTML (por ejemplo, #33333) o en inglés (blue, red, pink)
    Show Stream: Si está activado, muestra las últimas publicaciones de tu página en Facebook
    Show Header: Si está activado, aparecerá en la parte superior un título que dice Búscanos en Facebook
    agregar-like-box-blogger-2
  3. Al terminar de configurar las opciones, presiona el botón Get Code. Aparecerá una ventana con diferentes opciones de código para insertar el cuadro Like. Yo voy a escoger la opción IFRAME
    like-box-blogger-3
  4. Copias el código y en blogger te vas al diseño de tu blog
    agregar-like-box-blogger-4
  5. Agrega un nuevo gadget a la barra lateral
    agregar-like-box-blogger-5
  6. Selecciona el gadget HTML/Javascript
    agregar-like-box-blogger-6
  7. Pega el código que obtuviste en el paso 3
    agregar-like-box-blogger-7
  8. Haz clic en el botón Guardar
    agregar-like-box-blogger-9

Siéntanse libres en realizar cualquier pregunta.

Facebook: Nueva función Listen With te permite escuchar la música de tus amigos
[Actualizado]: Facebook libera messenger de Facebook para Windows

14 comments on “Agregar like box a blogger

  1. Hola!, antes de nada decirte que lo explicas muy bien y sencillo. Yo he seguido todos los pasos pero no me sale. Cuando visualizo el Blog sólo me aparece lo siguiente: «>
    ¿Sabes el motivo?
    Muchas gracias y disculpa por mi torpeza. Saluditos!.

  2. Hola, pude instalarlo el tema es el siguiente cuando me desconecto de facebook ya no veo el like box en el blog sino un mensaje en azul que dice entra en facebook para ver esta aplicación ¿qué hice mal?

  3. Muchisimas gracias, segui los pasos al pie de la letra, y me funciono de maravilla. Explicas muy bien, visite tanta paginas e intente multiples ocasiones agregar la caja box pero nunca funciono,
    Tu explicacion es muy diferente a como esas otras explican…
    saludos!
    Mirian

  4. Hola. Instalé este plugin en mi página pero tengo un problema. No me aparcen más de dos filas de perfiles (aunque en la opción height ponga el espacio suficiente) además que siempre aparecen perfiles repetidos, así mis visitantes solo le den a Like una sola vez. Me puedes ayudar con el tema? Te agradecería me enviaras la respuesta al correo alectrónico.

  5. La verdad es muy sencillo de entender y gracias por este pequeño post que para todos las personas que se dedican como webmaster nos sirve un abrazo y sigue posteando cosas así de interesantes.

    Saludos, desde Perú.

  6. Gracias por la explicación, es el único sitio donde está explicado de forma que lo he podido entender (algunos solos algo negados xD)

    Lo dicho, ¡buen trabajo!

  7. Acabo de intentar poner la Like Box y siguiendo todos los pasos que indicas solo consigo que en mi blog aparezca un espacio en blanco en donde tendría aparecer… Que puedo haber hecho mal? Por que recomiendas el IFRAME y no el HTML5?
    Gracias!

    1. Porque HTML5 necesita el JavaScript SDK y para usarlo se necesitan pasos adicionales:

      1. Crear una aplicación, la puedes crear en este enlace
      2. Localiza la etiqueta body en el html del diseño de tu blog, y luego de esa etiqueta incluye el código de la sección Loading de este enlace
      3. En el código anterior reemplaza YOUR_APP_ID por el ID de la aplicación que creaste en el paso 1 y http://WWW.YOUR_DOMAIN.COM por la url de tu blog.

      Disfruta.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *