Cómo agregar el botón "Me gusta" de Facebook en Blogger

Descargar el PDF
Coescrito por Personal de wikiHow
Descargar el PDF

Este wikiHow te enseñará cómo agregar un botón "Me gusta" (en el cual los usuarios puedan hacer clic) en un sitio web de Blogger (blogspot.com). Después de generar el botón a través del "Configurador del botón Me gusta", deberás copiar y pegar dos bloques de código en tu panel de Blogger, haciendo una edición rápida para mejorar la compatibilidad.

Parte 1
Parte 1 de 3:

Crear el botón "Me gusta"

Descargar el PDF
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/b\/b6\/Add-Facebook-Like-to-Blogger-Step-1-Version-2.jpg\/v4-460px-Add-Facebook-Like-to-Blogger-Step-1-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/b\/b6\/Add-Facebook-Like-to-Blogger-Step-1-Version-2.jpg\/v4-728px-Add-Facebook-Like-to-Blogger-Step-1-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Ve a https://developers.facebook.com/docs/plugins/like-button . Puedes usar cualquiera de los navegadores web modernos, por ejemplo, Chrome o Safari.
  2. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/a\/a6\/Add-Facebook-Like-to-Blogger-Step-2-Version-2.jpg\/v4-460px-Add-Facebook-Like-to-Blogger-Step-2-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/a\/a6\/Add-Facebook-Like-to-Blogger-Step-2-Version-2.jpg\/v4-728px-Add-Facebook-Like-to-Blogger-Step-2-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Está en la tercera sección de la página.
  3. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/b\/b7\/Add-Facebook-Like-to-Blogger-Step-3-Version-2.jpg\/v4-460px-Add-Facebook-Like-to-Blogger-Step-3-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/b\/b7\/Add-Facebook-Like-to-Blogger-Step-3-Version-2.jpg\/v4-728px-Add-Facebook-Like-to-Blogger-Step-3-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
  4. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/7\/71\/Add-Facebook-Like-to-Blogger-Step-4-Version-2.jpg\/v4-460px-Add-Facebook-Like-to-Blogger-Step-4-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/7\/71\/Add-Facebook-Like-to-Blogger-Step-4-Version-2.jpg\/v4-728px-Add-Facebook-Like-to-Blogger-Step-4-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    En la mayoría de los casos es mejor dejar este cuadro en blanco, ya que la medida predeterminada (450 px) funciona bien. Ten en cuenta que ese será el ancho de todo el complemento y no del botón "Me gusta" en sí.
  5. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/b\/bc\/Add-Facebook-Like-to-Blogger-Step-5-Version-2.jpg\/v4-460px-Add-Facebook-Like-to-Blogger-Step-5-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/b\/bc\/Add-Facebook-Like-to-Blogger-Step-5-Version-2.jpg\/v4-728px-Add-Facebook-Like-to-Blogger-Step-5-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Al seleccionar un estilo, aparecerá una vista previa de dicho estilo.
  6. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/7\/79\/Add-Facebook-Like-to-Blogger-Step-6-Version-2.jpg\/v4-460px-Add-Facebook-Like-to-Blogger-Step-6-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/7\/79\/Add-Facebook-Like-to-Blogger-Step-6-Version-2.jpg\/v4-728px-Add-Facebook-Like-to-Blogger-Step-6-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    En forma predeterminada, el botón dirá "Me gusta". Sin embargo, puedes cambiarlo para que diga "Recomendar", si así lo prefieres. Cuando alguien haga clic en el botón, sus seguidores de Facebook verán "[Nombre de la persona] lo recomienda". [1]
  7. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/d\/d3\/Add-Facebook-Like-to-Blogger-Step-7-Version-2.jpg\/v4-460px-Add-Facebook-Like-to-Blogger-Step-7-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/d\/d3\/Add-Facebook-Like-to-Blogger-Step-7-Version-2.jpg\/v4-728px-Add-Facebook-Like-to-Blogger-Step-7-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    En la vista previa del botón que aparece debajo del configurador, podrás ver el aspecto del botón para cada tamaño.
  8. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/a\/a8\/Add-Facebook-Like-to-Blogger-Step-8-Version-2.jpg\/v4-460px-Add-Facebook-Like-to-Blogger-Step-8-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/a\/a8\/Add-Facebook-Like-to-Blogger-Step-8-Version-2.jpg\/v4-728px-Add-Facebook-Like-to-Blogger-Step-8-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Si esta casilla está marcada, aparecerá un botón que dice "Compartir" junto al botón "Me gusta" en tu blog. Si un usuario hace clic en este botón, podrá escribir un texto personalizado antes de compartir el enlace con sus amigos de Facebook. [2]
  9. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/f\/f4\/Add-Facebook-Like-to-Blogger-Step-9-Version-2.jpg\/v4-460px-Add-Facebook-Like-to-Blogger-Step-9-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/f\/f4\/Add-Facebook-Like-to-Blogger-Step-9-Version-2.jpg\/v4-728px-Add-Facebook-Like-to-Blogger-Step-9-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Ahora verás dos cuadros con código HTML que deberás pegar en distintas áreas de Blogger.
    Anuncio
Parte 2
Parte 2 de 3:

Agregar el código a la plantilla

Descargar el PDF
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/b\/b1\/Add-Facebook-Like-to-Blogger-Step-10.jpg\/v4-460px-Add-Facebook-Like-to-Blogger-Step-10.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/b\/b1\/Add-Facebook-Like-to-Blogger-Step-10.jpg\/v4-728px-Add-Facebook-Like-to-Blogger-Step-10.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Inicia sesión en https://www.blogger.com . Utiliza otra pestaña o ventana del navegador, ya que necesitarás copiar el código de Facebook y pegarlo en Blogger.
  2. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/d\/d9\/Add-Facebook-Like-to-Blogger-Step-11.jpg\/v4-460px-Add-Facebook-Like-to-Blogger-Step-11.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/d\/d9\/Add-Facebook-Like-to-Blogger-Step-11.jpg\/v4-728px-Add-Facebook-Like-to-Blogger-Step-11.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Está en el lado izquierdo de la pantalla, en la parte inferior del menú.
  3. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/8\/85\/Add-Facebook-Like-to-Blogger-Step-12.jpg\/v4-460px-Add-Facebook-Like-to-Blogger-Step-12.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/8\/85\/Add-Facebook-Like-to-Blogger-Step-12.jpg\/v4-728px-Add-Facebook-Like-to-Blogger-Step-12.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Asegúrate de crear siempre una copia de seguridad del código HTML.
    • Haz clic en el botón Crear/Restablecer copia de seguridad en la parte superior de la pantalla.
    • Haz clic en Descargar plantilla .
    • Escribe un nombre para el archivo, por ejemplo, "copia de plantilla de blog".
    • Haz clic en Guardar .
  4. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/5\/51\/Add-Facebook-Like-to-Blogger-Step-13.jpg\/v4-460px-Add-Facebook-Like-to-Blogger-Step-13.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/5\/51\/Add-Facebook-Like-to-Blogger-Step-13.jpg\/v4-728px-Add-Facebook-Like-to-Blogger-Step-13.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Está justo debajo de la imagen de vista previa del blog.
  5. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/3\/36\/Add-Facebook-Like-to-Blogger-Step-14.jpg\/v4-460px-Add-Facebook-Like-to-Blogger-Step-14.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/3\/36\/Add-Facebook-Like-to-Blogger-Step-14.jpg\/v4-728px-Add-Facebook-Like-to-Blogger-Step-14.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Es el código del cuadro superior, debajo del "Paso 2".
    • Para copiar el texto, selecciónalo y presiona Control + C o Comando + C .
  6. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/1\/19\/Add-Facebook-Like-to-Blogger-Step-15.jpg\/v4-460px-Add-Facebook-Like-to-Blogger-Step-15.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/1\/19\/Add-Facebook-Like-to-Blogger-Step-15.jpg\/v4-728px-Add-Facebook-Like-to-Blogger-Step-15.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    El código debe pegarse después de la línea que comienza con <body , preferiblemente en la línea inmediata siguiente. [3]
    • Para hacer más lugar y poder pegar el código, haz clic antes del primer carácter de la línea justo después de la etiqueta "body" y luego presiona ↵ Enter o Retorno .
    • Haz clic en una línea en blanco y presiona Control + V o Comando + V para pegar el código.
  7. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/5\/5d\/Add-Facebook-Like-to-Blogger-Step-16.jpg\/v4-460px-Add-Facebook-Like-to-Blogger-Step-16.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/5\/5d\/Add-Facebook-Like-to-Blogger-Step-16.jpg\/v4-728px-Add-Facebook-Like-to-Blogger-Step-16.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    No incluyas las comillas.
    • Por ejemplo, "//connect.facebook.net/en_US/sdk.js#xfbml=1 & version=v2.8" se convertirá en "//connect.facebook.net/en_US/sdk.js#xfbml=1 &amp ;version=v2.8".
  8. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/3\/33\/Add-Facebook-Like-to-Blogger-Step-17.jpg\/v4-460px-Add-Facebook-Like-to-Blogger-Step-17.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/3\/33\/Add-Facebook-Like-to-Blogger-Step-17.jpg\/v4-728px-Add-Facebook-Like-to-Blogger-Step-17.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    • Si accidentalmente omitiste un símbolo "&", verás un error que dice "Error de sintaxis XML" justo arriba del código. En ese caso, regresa al código que pegaste, busca el símbolo "&" y reemplázalo por " & ".
    Anuncio
Parte 3
Parte 3 de 3:

Agregar el botón a la página

Descargar el PDF
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/1\/1f\/Add-Facebook-Like-to-Blogger-Step-18.jpg\/v4-460px-Add-Facebook-Like-to-Blogger-Step-18.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/1\/1f\/Add-Facebook-Like-to-Blogger-Step-18.jpg\/v4-728px-Add-Facebook-Like-to-Blogger-Step-18.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Regresa a la otra ventana o pestaña del navegador para buscarlo. Es el código del cuadro que está debajo del "Paso 3".
    • Para copiar el texto, selecciónalo y presiona Control + C o Comando + C .
  2. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/f\/f8\/Add-Facebook-Like-to-Blogger-Step-19.jpg\/v4-460px-Add-Facebook-Like-to-Blogger-Step-19.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/f\/f8\/Add-Facebook-Like-to-Blogger-Step-19.jpg\/v4-728px-Add-Facebook-Like-to-Blogger-Step-19.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Está en el lado izquierdo del panel de Blogger, justo arriba de "Plantilla".
  3. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/2\/20\/Add-Facebook-Like-to-Blogger-Step-20.jpg\/v4-460px-Add-Facebook-Like-to-Blogger-Step-20.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/2\/20\/Add-Facebook-Like-to-Blogger-Step-20.jpg\/v4-728px-Add-Facebook-Like-to-Blogger-Step-20.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    • En la mayoría de los casos, es mejor ubicar el botón en el encabezado o en el pie de página.
  4. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/a\/a3\/Add-Facebook-Like-to-Blogger-Step-21.jpg\/v4-460px-Add-Facebook-Like-to-Blogger-Step-21.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/a\/a3\/Add-Facebook-Like-to-Blogger-Step-21.jpg\/v4-728px-Add-Facebook-Like-to-Blogger-Step-21.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Tal vez tengas que desplazarte un poco hacia abajo para encontrar esta opción.
  5. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/9\/9a\/Add-Facebook-Like-to-Blogger-Step-22.jpg\/v4-460px-Add-Facebook-Like-to-Blogger-Step-22.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/9\/9a\/Add-Facebook-Like-to-Blogger-Step-22.jpg\/v4-728px-Add-Facebook-Like-to-Blogger-Step-22.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
  6. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/0\/0c\/Add-Facebook-Like-to-Blogger-Step-23.jpg\/v4-460px-Add-Facebook-Like-to-Blogger-Step-23.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/0\/0c\/Add-Facebook-Like-to-Blogger-Step-23.jpg\/v4-728px-Add-Facebook-Like-to-Blogger-Step-23.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Para pegarlo, haz clic en el cuadro y presiona Control + V o Comando + V .
  7. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/0\/07\/Add-Facebook-Like-to-Blogger-Step-24.jpg\/v4-460px-Add-Facebook-Like-to-Blogger-Step-24.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/0\/07\/Add-Facebook-Like-to-Blogger-Step-24.jpg\/v4-728px-Add-Facebook-Like-to-Blogger-Step-24.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Ahora aparecerá un cuadro de gadget llamado "facebook".
    • Haz clic en Vista previa en la esquina superior derecha de la página para asegurarte de que el botón aparezca donde tiene que aparecer. Si no te gusta la ubicación del cuadro "facebook", puedes arrastrarlo a otra sección.
  8. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/a\/a0\/Add-Facebook-Like-to-Blogger-Step-25.jpg\/v4-460px-Add-Facebook-Like-to-Blogger-Step-25.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/a\/a0\/Add-Facebook-Like-to-Blogger-Step-25.jpg\/v4-728px-Add-Facebook-Like-to-Blogger-Step-25.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Está en la parte superior derecha de la pantalla. Ahora, si a alguien le gusta tu blog, podrá compartirlo fácilmente con sus amigos de Facebook.
    Anuncio

Cosas que necesitarás

  • cuenta de Blogger
  • cuenta de Facebook

wikiHows relacionados

Cómo
obtener la contraseña de Facebook de alguien
Cómo
ver quién compartió tu publicación de Facebook
¿Por qué Facebook Messenger dice "Esta persona no está disponible"?
Cómo
saber si te han restringido en Facebook
Cómo
eliminar el Marketplace en Facebook
Cómo
ver los nuevos amigos de alguien en Facebook
Cómo
saber cuál fue la última hora de conexión de un contacto de Facebook en Android
3 formas de ver información oculta en FB Marketplace
Explicación de las notificaciones de capturas de pantalla de Facebook: publicaciones, mensajes y más
Cómo
ver los seguidores en Facebook
Cómo verificar qué dirección de correo electrónico usas para Facebook: iPhone + Android
Emoji “Me importa” de Facebook: todo lo que necesitas saber
Cómo
encontrar borradores guardados en Facebook
Cómo
recuperar mensajes borrados en Facebook
Anuncio

Referencias

  1. ↑ http://www.niemanlab.org/2011/02/like-share-and-recommend-how-the-warring-verbs-of-social-media-will-influence-the-news-future/
  2. ↑ https://vimm.com/like-vs-share-facebook/
  3. ↑ https://developers.facebook.com/docs/plugins/like-button

Acerca de este wikiHow

En otros idiomas
Esta página ha recibido 30 663 visitas.

¿Te ayudó este artículo?

Anuncio