Cómo agregar Facebook a Blogger (con imágenes)

Thysteaches, cómo agregar un botón "Me gusta" de Facebook, en su blogger (Blogspot.com) sitio web. Después de construir el botón en el configurador de botón Me gusta, solo tendrá que copiar y pegar dos bits de código en el panel de su blogger, haciendo una edición rápida para la compatibilidad.

Pasos

Parte 1 de 3:

Creando un botón me gusta

1. Ir https: // desarrolladores.Facebook.COM / DOCS / CIRPINES / BOTÓN COMO. Puede usar cualquier navegador web moderno, como Chrome o Safari.

Imagen titulada Añadir Facebook Me gustan a Blogger Paso 2

2. Desplácese hacia abajo para afloraron al configurador del botón. Está en la tercera sección de la página.

Imagen titulada Agregar Facebook Me gustan a Blogger Paso 3

3. Ingrese la dirección de su blog en la casilla "URL A LIKE".

Imagen titulada Agregar Facebook Me gustan a Blogger Paso 4

4. Ingrese su ancho de complemento deseado en la casilla "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 similar en sí.

Imagen titulada Agregar Facebook Me gustan a Blogger Paso 5

5. Seleccione un estilo de botón desde el menú "Diseño". Verás una vista previa de cada estilo cuando se selecciona.

Imagen titulada Agregar Facebook Me gustan a Blogger Paso 6

6. Seleccione una acción del menú "Tipo de acción". De forma predeterminada, su botón dirá "como."Si lo prefieres, puedes cambiarlo para decir" Recomendar."Cuando alguien hace clic en el botón, sus seguidores de Facebook verán" (nombre de la persona) recomienda esto."

Imagen titulada Agregar Facebook Me gustan a Blogger Paso 7

7. Seleccione un tamaño del menú "Tamaño del botón". La vista previa del botón debajo del configurador le mostrará cómo se ve cada tamaño.

Imagen titulada Agregar Facebook A Like To Blogger Paso 8

8. Compruebe o desmarque la casilla "Incluir botón Compartir". Si la caja está marcada, aparecerá un botón que dice "Compartir" al lado del botón Me gusta en su blog. Si alguien hace clic en este botón, tendrán la oportunidad de ingresar algunos de sus propios texto antes de compartir el enlace con sus amigos de Facebook.

Imagen titulada Agregar Facebook A Like to Blogger Paso 9

9. Hacer clic Obtener código. Ahora verá dos casillas que contengan un código HTML, debe pegar en diferentes áreas de Blogger.

Parte 2 de 3:

Añadiendo el código a su plantilla

1. Registrarse en https: // blogger.com. Use otra pestaña o ventana del navegador, ya que deberá copiar y pegar el código de Facebook a Blogger.

Imagen titulada Agregar Facebook A Like To Blogger Paso 11

2. Hacer clic Plantilla. Está en el lado izquierdo de la pantalla, cerca de la parte inferior del menú.

Imagen titulada Añadir Facebook Me gustan a Blogger Paso 12

3. Copia de seguridad de su plantilla de blog. Siempre haga una copia de seguridad al editar el código HTML de su blog directamente.

Haga clic en el Copia de seguridad de restauracion Botón en la esquina superior derecha de la página.

Hacer clic Plantilla de descarga.

Ingrese un nombre para su archivo, E.gramo. "Copia de seguridad de plantillas de blog."

Hacer clic Ahorrar.

Imagen titulada Agregar Facebook Me gustan a Blogger Paso 13

4. Hacer clic Editar html. Es solo debajo de la imagen de vista previa de su blog.

Imagen titulada Añadir Facebook Me gustan a Blogger Paso 14

5. Copie el código desde la primera caja del configurador de botones de Facebook. Es el código en el cuadro superior, en "Paso 2."

Puede copiar el texto resaltándolo, luego presionando Control+C o ⌘ comando+C.

Imagen titulada Agregar Facebook Me gustan a Blogger Paso 15

6. Pegue el código en su código HTML de Blogger. El código debe ser pegado después de la línea que comience, preferiblemente en la siguiente línea.

Para darse un lugar para pegar el código, haga clic en Antes del primer carácter de la línea después de la etiqueta del cuerpo, luego presione ↵ Enter o ⏎ retorno.

Haga clic en la línea en blanco, luego presione Control+V o ⌘ comando+V pegar.

Imagen titulada Agregar Facebook A Like To Blogger Paso 16

7. Reemplace cada "&" en el código pegado con "&erio-". No incluya las comillas.

Por ejemplo, "// conectar.Facebook.NET / EN_US / SDK.js # xfbml = 1Yversión = v2.8 "se convierte en" // conectar.Facebook.NET / EN_US / SDK.js # xfbml = 1&erio-versión = v2.8""

Imagen titulada Agregar Facebook Me gustan a Blogger Paso 17

8. Hacer clic Guardar plantilla.

Si accidentalmente saltó un "&", verá un error que dice "Error al analizar XML" justo por encima del código. Vuelva al código pegado, encuentre el &, y reemplácelo con &erio-.

Parte 3 de 3:

Añadiendo el botón a su diseño

1. Copie la segunda caja de código del configurador de botón Me gusta. Tendrá que volver a su otra ventana o pestaña del navegador para encontrarlo. Este es el código en la caja debajo del "Paso 3."

Puede copiar el texto resaltándolo, luego presionando Control+C o ⌘ comando+C.

Imagen titulada Agregar Facebook Me gustan a Blogger Paso 19

2. Hacer clic Diseño de vuelta en blogger. Está en el lado izquierdo del tablero del blogger, justo arriba "plantilla."

Imagen titulada Agregar a Facebook Me gustan a Blogger Paso 20

3. Haga clic en el Añadir un gadget botón donde desea que aparezca el botón.

En la mayoría de los casos, querrá que aparezca el botón en un encabezado o pie de página.

Imagen titulada Agregar a Facebook Me gustan a Blogger Paso 21

4. Seleccione Html / jаvascript. Tendrás que desplazarse un poco para encontrarlo.

Imagen titulada Añadir Facebook Me gustan a Blogger Paso 22

5. Tipo Facebook bajo "título."

Imagen titulada Agregar Facebook Me gustan a Blogger Paso 23

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.

Imagen titulada Agregar Facebook Me gustan a Blogger Paso 24

7. Hacer clic Ahorrar. Ahora verás una caja de gadget llamada "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 en su diseño.

Imagen titulada Agregar Facebook Me gustan a Blogger Paso 25

8. Hacer clic Guardar el arreglo. Está en la esquina superior derecha de la pantalla. Ahora, cuando alguien disfruta de tu blog, pueden compartirlo fácilmente con todos sus amigos de Facebook.

Cómo agregar facebook a blogger

Pasos

Video.

Consejos

Cosas que necesitarás