Este wikiHow te enseñará cómo agregar un botón "Me gusta" de Facebook en el que puedas hacer clic en tu sitio web Blogger (blogspot.com). Después de crear el botón en el Configurador de botones Me gusta, solo tendrá que copiar y pegar dos fragmentos de código en su panel de Blogger, haciendo una edición rápida para compatibilidad.
Pasos
Parte 1 de 3: Creación de un botón Me gusta
Paso 1. Vaya a
Puede utilizar cualquier navegador web moderno, como Chrome o Safari.
Paso 2. Desplácese hacia abajo hasta el Configurador del botón Me gusta
Está en la tercera sección de la página.
Paso 3. Ingresa la dirección de tu blog en el cuadro "URL para Me gusta"
Paso 4. Ingrese el ancho del complemento deseado en el cuadro "Ancho"
La mayoría de los usuarios de Blogger pueden dejar este cuadro en blanco, ya que el ancho predeterminado (450 px) funciona bien. Tenga en cuenta que este es el ancho de todo el complemento, no el botón Me gusta en sí.
Paso 5. Seleccione un estilo de botón en el menú "Diseño"
Verá una vista previa de cada estilo cuando esté seleccionado.
Paso 6. Seleccione una acción del menú "Tipo de acción"
De forma predeterminada, su botón dirá "Me gusta". Si lo prefiere, puede cambiarlo para que diga "Recomendar". Cuando alguien hace clic en el botón, sus seguidores de Facebook verán "(nombre de la persona) recomienda esto".
Paso 7. Seleccione un tamaño en el menú "Tamaño del botón"
La vista previa del botón debajo del configurador le mostrará cómo se ve cada tamaño.
Paso 8. Marque o desmarque la casilla "Incluir botón Compartir"
Si la casilla está marcada, aparecerá un botón que dice "Compartir" junto al botón Me gusta en su blog. Si alguien hace clic en este botón, tendrá la oportunidad de ingresar parte de su propio texto antes de compartir el enlace con sus amigos de Facebook.
Paso 9. Haga clic en Obtener código
Ahora verá dos cuadros que contienen código HTML que debe pegar en diferentes áreas de Blogger.
Parte 2 de 3: Agregar el código a su plantilla
Paso 1. Inicie sesión en
Utilice otra pestaña o ventana del navegador, ya que deberá copiar y pegar el código de Facebook en Blogger.
Paso 2. Haga clic en Plantilla
Está en el lado izquierdo de la pantalla, cerca de la parte inferior del menú.
Paso 3. Realice una copia de seguridad de la plantilla de su blog
Siempre haga una copia de seguridad cuando edite el código HTML de su blog directamente.
- Haga clic en el Copia de seguridad de restauracion en la esquina superior derecha de la página.
- Hacer clic Descargar plantilla.
- Ingrese un nombre para su archivo, p. Ej. "Copia de seguridad de la plantilla de blog".
- Hacer clic Ahorrar.
Paso 4. Haga clic en Editar HTML
Está justo debajo de la imagen de vista previa de tu blog.
Paso 5. Copie el código del primer cuadro del Configurador del botón Me gusta de Facebook
Es el código en el cuadro superior, debajo del "Paso 2".
Puedes copiar el texto resaltándolo y luego presionando Control + C o Comando + C
Paso 6. Pegue el código en su código HTML de Blogger
El código debe pegarse después de la línea que comienza con <body, preferiblemente en la siguiente línea.
- Para tener un lugar para pegar el código, haga clic antes del primer carácter de la línea después de la etiqueta del cuerpo, luego presione ↵ Enter o ⏎ Return.
- Haz clic en la línea en blanco y luego presiona Control + V o Comando + V para pegar.
Paso 7. Reemplace cada "&" en el código pegado con"
&
”.
No incluya las comillas.
-
Por ejemplo, "//connect.facebook.net/en_US/sdk.js#xfbml=1 &version = v2.8”se convierte en“//connect.facebook.net/en_US/sdk.js#xfbml=1
&
- versión = v2.8 "”
Paso 8. Haga clic en Guardar plantilla
-
Si omitió accidentalmente un "&", verá un error que dice "Error al analizar XML" justo encima del código. Regrese al código pegado, busque el & y reemplácelo con
&
- .
Parte 3 de 3: Agregar el botón a su diseño
Paso 1. Copie el segundo cuadro de código del Configurador del botón Me gusta
Tendrá que volver a la otra ventana o pestaña del navegador para encontrarla. Este es el código en el cuadro debajo del "Paso 3".
Puedes copiar el texto resaltándolo y luego presionando Control + C o Comando + C
Paso 2. Vuelva a hacer clic en Diseño en Blogger
Está en el lado izquierdo del panel de Blogger, justo encima de "Plantilla".
Paso 3. Haga clic en el botón Agregar un gadget donde desea que aparezca el botón
En la mayoría de los casos, querrá que el botón aparezca en un encabezado o pie de página
Paso 4. Seleccione HTML / JavaScript
Tendrás que desplazarte un poco hacia abajo para encontrarlo.
Paso 5. Escriba facebook en “Título
”
Paso 6. Pegue el código copiado en el cuadro "Contenido"
Puedes hacer esto haciendo clic en el cuadro y presionando Control + V o ⌘ Comando + V.
Paso 7. Haga clic en Guardar
Ahora verá un cuadro de gadget llamado "Facebook".
Haga clic en Vista previa en la esquina superior derecha de la página para asegurarse de que el botón aparezca donde debería. Si no le gusta la ubicación, puede arrastrar el cuadro "facebook" a una de las otras secciones de su diseño
Paso 8. Haga clic en Guardar arreglo
Está en la esquina superior derecha de la pantalla. Ahora, cuando alguien disfruta de tu blog, puede compartirlo fácilmente con todos sus amigos de Facebook.