☀️ Editando los Botones de Redes Sociales

Una variacion puede ser colocar los botones del lado derecho, lo que hara que el texto se ubique al lado izquierdo. Para lograrlo, cambia la etiqueta que ubica al lado izquierdo <div class="pull-left"> por la que ubica al lado derecho <div class="pull-right"> y nunca olvides cerrar el bloque con la etiqueta <div>. Esto te evitara dolores de cabeza.

Botones con una Imagen

Puedes usar, junto con tus botones, una imagen o banner que identifique quien eres y lo que haces. Veo muchos blogs que usan como pie de sus entradas, un banner con alguna descripción y los logos de sus redes sociales, pero, que solo es eso, una imagen que no dirige a ningún lado. Seguramente, esta será la opción que implemente en mi propio blog dentro de poco, ya que me gusta mucho. Para hacer esto, debes crear un banner que se ajuste a la cantidad de botones que quieras colocar en tu blog y subirlo en el espacio donde va el texto.

Las medidas aproximadas para dos botones estarían por el orden de los 650/730 X 120/150 píxeles. Para tres botones serían 650/730 X 190/230 píxeles aproximadamente. Es cuestión de jugar y encontrar la medida que se ajuste a tus deseos. Te muestro un par de opciones que he editado, para lo cual he creado un banner en Pixlr.com, pero que también lo puedes hacer en Canva o de la forma que mejor te parezca.

También puedes colocar la imagen al lado izquierdo y los botones al lado derecho, realizando el mismo procedimiento indicado anteriormente con el cambio de etiquetas de alineación. Recuerda que puedes agregar o quitar botones a tu conveniencia, copiando y pegando los códigos que coloque en él post anterior. De igual modo, puedes agregar cualquier otra red social, ubicando el icono correspondiente, cargándolo en tu editor preferido y luego de cargado, copiando la dirección de la imagen, en el espacio correspondiente a la imagen del icono dentro del código. Puedes ajustar los tamaños de los iconos, editando esta parte del código: <img src="https://images.hive.blog/40x40/..., colocando en donde están los números (40x40) las medidas que consideres adecuadas para tu icono.

Botones Arriba o Abajo

Quizás no quieras complicarte mucho y prefieras esta opción. Se trata de ubicar los botones, en vez de a los lados, según lo que hemos visto, más bien arriba o debajo, bien sea del texto o el banner. Esta es una opción mucho más simple, ya que solo requiere jugar con la alineación de los elementos que utilicemos.

Para esta opción, te muestro como se vería colocando los botones en la parte superior y el texto debajo, y la opción de colocar el banner arriba y los botones abajo. Esta última es la que más me gusta y solo requiere usar las etiquetas de centrado <center></center> para el banner y los botones y la de justificado <div class="text-justify"></div> para el texto, eliminando las etiquetas de alineación a los lados.

Para que los iconos queden alineados uno al lado del otro, deberás colocar los códigos uno seguido del otro, separados por un espacio. No olvides colocar tus enlaces y verificar que están funcionando correctamente.

Pienso que esta es una buena manera de hacer más sociables nuestras publicaciones, agregando una ruta directa a nuestras redes sociales desde Hive. Aunque web3 nos brinda un universo distinto de interacción, usar el innegable poder que tienen las redes sociales tradicionales para maximizar esas conexiones, es un factor que no debemos descuidar, más aún si tenemos mucha actividad en estas redes. Espero que esta publicación les sirva de ayuda, especialmente a la amiga @creacioneslelys y estaré muy complacido si me invitan a ver el resultado en sus blogs, si es que deciden usarlos. Como siempre, estoy atento a cualquier duda, requerimiento o sugerencia. Espero leer sus impresiones en los comentarios.

Este post es de mi autoría y expreso en él, mis experiencias y aprendizajes cada día en este Blockchain. Todas las imágenes son editadas por mí y corresponden a capturas realizadas en mi PC y las fuentes están indicadas en cada caso. Si te gusta, puedes dejar un comentario u opinión y tu voto favorable.

This post is of my authorship and I express in it, my experiences and learnings every day in this Blockchain. All images are edited by me and correspond to captures made on my PC and the sources are indicated in each case. If you like it, you can leave a comment or opinion and your favorable vote.