Cómo Agregar Iconos de Redes Sociales a Blogger

En este tutorial, te mostraré cómo agregar iconos de redes sociales a tu blog de Blogger. Este tutorial incluye iconos de redes sociales gratuitos para comenzar.

Debido a los cambios recientes con Photobucket cobrando 4 400 al año para usar su servicio, he actualizado este tutorial que le muestra cómo alojar sus imágenes a través de su propia cuenta de Blogger.

Regalos para descargar

Asegúrese de descargar estos iconos de redes sociales gratuitos para su blog haciendo clic en el siguiente enlace. No es necesario registrarse. Haga clic aquí para descargar los iconos.

iconos de redes sociales gratuitos

CÓMO INICIAR un BLOG: Antes de entrar en el tutorial, si está interesado en comenzar un blog para ganar dinero, ¡Bluehost tiene una gran oferta! Obtenga un nombre de dominio GRATUITO, instalación automática de WordPress y un certificado SSL gratuito por solo $3.95 al mes (haga clic aquí).

Cómo Agregar Iconos de Redes sociales a Blogger

En Blogger, crea una nueva publicación y sube tus iconos de redes sociales a la publicación.

 CARGAR ICONOS

Después de cargar las imágenes, si se le solicita, seleccione lo siguiente:

  • Alineación de imágenes: Ninguna
  • Tamaño de la imagen: Tamaño original
TAMAÑO ORIGINAL

Paso # 2

Seleccione la pestaña» HTML». Después de hacer esto, verás los enlaces de imagen para cada uno de tus iconos de redes sociales (he resaltado el enlace a continuación). Deja esta ventana abierta.

 CÓDIGO HTML

Paso # 3

Abra una nueva pestaña. En tu panel de Blogger, selecciona » Diseño.»

LAYOUT

Paso # 4

Seleccione » Agregar un Gadget «en el área» barra lateral derecha «y luego elija el gadget» HTML/JavaScript».

sidebar-gadget
CUADRO HTML

Paso # 5

En el cuadro» HTML/JavaScript», pegue el siguiente código (haga esto para cada icono de redes sociales):

PEGAR CÓDIGO

<a href = «URL Va aquí» >< img src = «Enlace directo de imagen Va aquí» / > < / a>

Paso # 6

Vuelve al editor de publicaciones donde subiste tus iconos de redes sociales. Copia el enlace de imagen de uno de tus iconos (como se ve en el paso 1).

Paso # 7

Volviendo a tu gadget «HTML / JavaScript» en Blogger, pega tu enlace de imagen donde dice «Enlace Directo de imagen Va Aquí» (haz esto para cada icono de redes sociales y mantenlo entre comillas). Debería verse algo como esto:

< a href= «URL Goes Here» >< img src=»https://3.bp.blogspot.com/-nCoP8tLzxwE/WVq3ZFw_fEI/AAAAAAAAN0Q/CF60HjN2aI02ePhN_aJqcHH6vaI082NJgCLcBGAs/s1600/icon-facebook-1.png» /></a>

Paso # 8

Ahora es el momento de agregar tus URL de redes sociales. Dejando el gadget» HTML/JavaScript » abierto, en una nueva ventana o pestaña, dirígete a tu perfil de redes sociales y copia la URL de tu perfil.

Paso # 9

Ahora, de vuelta en el gadget «HTML/JavaScript», pegue su URL donde dice «URL Va aquí» (haga esto para cada icono de redes sociales y guárdelo entre comillas).

Paso # 10

Selecciona «Guardar» una vez que hayas terminado. El código terminado debería verse algo como esto:

<a href = » https://www.facebook.com/BeautifulDawnDesigns»><img src=»https://3.bp.blogspot.com/-nCoP8tLzxwE/WVq3ZFw_fEI/AAAAAAAAN0Q/CF60HjN2aI02ePhN_aJqcHH6vaI082NJgCLcBGAs/s1600/icon-facebook-1.png» /></a>

Siéntase libre de eliminar el borrador de publicación que creó.

Nota: Si está utilizando un botón de correo electrónico, coloque mailto:youremailaddresshere entre las comillas, donde dice que la URL Va Aquí.

Leave a Reply

Tu dirección de correo electrónico no será publicada.