Botones Redes Sociales en Blogger: guía paso a paso

Cómo añadir botones de redes sociales en Blogger: guía paso a paso

Imagen 0

Si quieres aumentar la visibilidad de tu blog en redes sociales, insertar botones de redes sociales en Blogger es una de las mejores estrategias. Te mostraré cómo hacerlo de forma sencilla usando código HTML y Google Drive para alojar tus imágenes.

Paso 1: Descarga y aloja las imágenes de los botones

Lo primero es conseguir las imágenes de los botones que desees usar. Puedes descargarlas de sitios especializados o crearlas tú mismo.

Para alojarlas, usa Google Drive, que es gratuito y muy práctico. Sube las imágenes a tu cuenta de Google Drive y guarda el enlace directo de cada una.

Paso 2: Obtén la URL directa de las imágenes en Google Drive

Imagen 1

Una vez subidas tus imágenes, necesitas extraer su URL. Haz clic derecho en la imagen, selecciona "Obtener enlace" y cambia la configuración de permisos para que sea accesible públicamente.

Copia la URL que aparece en el formato especial de Google Drive para poder usarla en tu código.

Paso 3: Accede al diseño de tu blog en Blogger

Entra en tu cuenta de Blogger y ve a tu panel de control. Busca la opción Diseño en el menú lateral izquierdo.

En la página de diseño, verás diferentes áreas de tu blog donde puedes añadir contenido.

Paso 4: Añade un nuevo gadget HTML

Haz clic en el botón "Añadir Gadget" en el lugar donde desees que aparezcan tus botones de redes sociales.

De la lista desplegable, selecciona la opción HTML/JavaScript para insertar código personalizado.

Paso 5: Inserta el código HTML para un botón individual

Imagen 2

Copia este código base y personalízalo con tus datos:

<a href='TU_URL_RED_SOCIAL' target='_blank'><img alt='NOMBRE_RED_SOCIAL' src='URL_IMAGEN' title='NOMBRE_RED_SOCIAL' width='60' /></a>

Por ejemplo, para un botón de Facebook quedaría así:

<a href='https://www.facebook.com/tuusuario' target='_blank'><img alt='facebook' src='URL_DE_TU_IMAGEN' title='Facebook' width='60' /></a>

Paso 6: Añade múltiples botones de redes sociales

Si quieres mostrar varios botones juntos, copia y pega el código completo de cada red social uno detrás del otro. Por ejemplo, para Facebook, Twitter e Instagram:

<a href='https://www.facebook.com/tuusuario' target='_blank'><img alt='facebook' src='URL_IMAGEN_1' title='Facebook' width='60' /></a>

<a href='https://twitter.com/tuusuario' target='_blank'><img alt='twitter' src='URL_IMAGEN_2' title='Twitter' width='60' /></a>

<a href='https://instagram.com/tuusuario' target='_blank'><img alt='instagram' src='URL_IMAGEN_3' title='Instagram' width='60' /></a>

Recuerda cambiar cada URL de imagen por la correspondiente a cada red social.

Paso 7: Guarda los cambios

Imagen 3

Una vez hayas pegado todos los códigos en el campo de contenido del gadget, haz clic en el botón Guardar.

Después, ve al panel de diseño y haz clic en Guardar disposición para aplicar los cambios a tu blog.

Ajusta el tamaño de los botones según tus preferencias

Visualiza tu blog para ver cómo se ven los botones. Si te parecen muy pequeños o demasiado grandes, puedes modificar el tamaño fácilmente.

Vuelve al gadget HTML que creaste y cambia el valor del atributo width. Por ejemplo:

Modifica el número en todos los códigos que hayas añadido y guarda nuevamente los cambios.

Ventajas de usar botones de redes sociales en Blogger

Añadir botones de redes sociales en tu blog mejora la accesibilidad y permite que tus lectores te sigan en otras plataformas con un simple clic.

Esto aumenta tu alcance, mejora el tráfico hacia tus perfiles sociales y fortalece tu presencia digital como blogger.

¿Tienes dudas sobre cómo insertar los botones de redes sociales en tu Blogger? Déjame un comentario y te ayudaré encantada a resolver cualquier problema.