Botones de Redes Sociales en Mi Blog
Fuente de Imagen y Ediciòn a Partir de Plantilla en Pixlr.com
☀️ Botones de Redes Sociales en Mi Blog
Llevar a visitar nuestras redes sociales a nuestros seguidores, lectores y cualquier persona que visite nuestras publicaciones, puede resultar en una efectiva manera de hacer mejores conexiones, mayor interacción y lograr un mayor alcance de nuestro trabajo como creadores de contenido en Hive.
Esto es especialmente útil en estos tiempos, donde el poder de las redes sociales para masificar un mensaje es indudable. Se trata de aprovechar los beneficios que nos brindan las aplicaciones de web2 y web3, integrando sus bondades y atributos. Y en nuestra cadena de bloques, podemos hacer que nuestras publicaciones sirvan como una puerta de entrada a nuestras redes sociales o incluso, a cualquier opción en linea que te permita conectar con tu audiencia.
Te voy a presentar una forma sencilla para agregar botones de redes sociales a tu blog, de manera que en cada publicación que realices, puedas brindar esa alternativa de interactuar más allá de la cadena de bloques. Si te fijas en esta entrada, al pie de la página tengo cuatro botones que al momento de hacer clic en ellos, te dirigen a mis redes sociales favoritas como lo son WowApp, X (Twitter), Facebook e Instagram. Además, tengo una tira de botones que ofrecen acceso a seis diferentes maneras de generar criptomonedas gratis, los cuales complemento con una leyenda referida a la criptomoneda que puedes conseguir en estos sitios (en cinco de ellas puedes ganar Bitcoin) o el nombre del sitio web. Esta es una manera muy útil de promocionar a través de tu blog, esos proyectos, negocios, ofertas o servicios que forman parte de tu vida o tan solo, tus redes sociales si es lo que deseas.
Para colocar estos botones, primero consigue los enlaces que dirigen a tus redes sociales o la página que deseas promocionar. Ademas de las que te muestro en esta entrada, puedes incluir cualquier otra red social, tales como Reddit, LinkedIn, GitHub o la que se te ocurra, debiendo para ello conseguir el icono o la imagen que representa a dicha red.
Cuando tengas tus enlaces, es hora de poner manos a la obra. Abre el editor del frontend de tu preferencia, bien sea Peakd, Ecency o LeoFinance. Te advierto que estos botones que comparto aquí no funcionan igual en Liketu, debiendo para ello realizar un proceso de edición diferente.
Por lo general, estos botones deberían ir al final de cada publicación y el estilo y forma en que los quieras ubicar dependerá de tu elección. En mi caso, los he colocado al lado izquierdo y en línea hacia abajo y para lograr este efecto, he usado las etiquetas de alineación a la izquierda y he ubicado el texto que los acompaña seguidamente, lo que hace que este se alinea en el espacio a la derecha. Esta puede ser una opción también si usas una imagen, la cual debería tener el tamaño aproximado a la cantidad de botones que deseas usar.
En primer lugar, escoge los botones que quieras usar en tus publicaciones de los siguiente que te comparto. Sientete libre de copiar y usarlos como desees, teniendo el cuidado de agregar el enlace de tu red social en el apartado correspondiente.
Boton de Facebook
Copia y Edita este codigo
<a href="TuEnlaceAqui" rel="nofollow noopener" title="This link will take you away from the app"><img src="https://images.ecency.com/50x50/https://images.ecency.com/DQmUf6r263rPFSbmzxswWA8MzhNTYSEU3uA8hRt77uMtALS/image.png" alt="IconFacebook.png" /></a>
Boton de Instagram
Copia y Edita este codigo
<a href="TuEnlaceAqui" rel="nofollow noopener" title="This link will take you away from the app"><img src="https://images.ecency.com/50x50/https://images.ecency.com/DQmNasK2s9BHBrFPKY82cG73vtnrXWVVHFbjXAAShgBGVQ4/image.png" alt="IconInstagram.png" /></a>
Boton de X - Twitter
Copia y Edita este codigo Para Twitter X
<a href="TuEnlaceAqui" rel="nofollow noopener" title="This link will take you away from the app"><img src="https://images.ecency.com/50x50/https://images.ecency.com/DQmZzVjed2az8LYykiFQgfa3WERPrqdBLRPEZ9rkNN6zY7H/image.png" alt="IconTwitterX.png" /></a>
Copia y Edita este codigo Para Twitter Azul
<a href="TuEnlaceAqui" rel="nofollow noopener" title="This link will take you away from the app"><img src="https://images.ecency.com/50x50/https://images.ecency.com/DQmVFKMF4Y5rTgTUP1ggxwZpe2bLCAcyWShvLKbU3HN4vkL/image.png" alt="IconTwitterAzul.png" /></a>
Boton de YouTube
Copia y Edita este codigo
<a href="TuEnlaceAqui" rel="nofollow noopener" title="This link will take you away from the app"><img src="https://images.ecency.com/50x50/https://images.ecency.com/DQmccRcC1fidYGgVrTgodzmhHH64pHACmcXn9qS7Uj8AWe4/unnamed_5_.png" alt="IconYouTube.png" /></a>
Boton de TikTok
Copia y Edita este codigo
<a href="TuEnlaceAqui" rel="nofollow noopener" title="This link will take you away from the app"><img src="https://images.ecency.com/50x50/https://images.ecency.com/DQmdE6iRkCPsHWJWWPTi1HbHDfpGJTqyK41DyRJ1a3MmVP1/unnamed_3_.png" alt="IconTikTok.png" /></a>
Boton de Telegram
Copia y Edita este codigo
<a href="TuEnlaceAqui" rel="nofollow noopener" title="This link will take you away from the app"><img src="https://images.ecency.com/50x50/https://images.ecency.com/DQmbgtvxdgL7iSgpF28biLUCX9NAbu7jw8dVQogiCbQVC7x/image.png" alt="IconTelegram.png" /></a>
Boton de Discord
Copia y Edita este codigo
<a href="TuEnlaceAqui" rel="nofollow noopener" title="This link will take you away from the app"><img src="https://images.ecency.com/50x50/https://images.ecency.com/DQmYdVc4DBQDMzzYVVLPUdM5oBsjAx454quF4sEED5NXqTp/image.png" alt="IconDiscord.png" /></a>
Luego de copiar el código, lo pegas en el sitio en donde deseas aparezca en tu blog. Seguidamente, inserta en el apartado que dice: TuEnlaceAqui, el link de la red social que corresponda a ese botón. Verifica en el área de previsualización de tu editor, como se ve tu botón y haz las correcciones que consideres antes de publicar.
La forma más sencilla de usarlos, es colocarlo uno seguido del otro entre dos separadores con las etiquetas <center> / </center> para que te queden centrados en la publicación. Pero también puedes jugar con otras opciones, lo que requiere aprender un poco más sobre las etiquetas y como se pueden usar. En una próxima publicación les mostraré algunos ejemplos de como colocar los botones de diferentes maneras. Cuéntame en los comentarios que te ha parecido, si te ha sido útil y no dudes en consultar cualquier confusión.
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.
 |
 |
 |
 |
) |
 |
|---|---|---|---|---|---|
Edición de Imágenes con/Images Editing by Pixlr.com
Traducido con/Translate with DeepL Traductor
Ortografía y Gramática con/Spelling and Grammar with Corrector Castellano.com
Hola, feliz tarde. Deseo que estés muy bien. Tu publicación ha sido muy útil para mí y estaré muy atenta a esa próxima ya que me gustaría aprender a posicionar los botones de otra manera.
¿Qué tal si me evalúas revisando este botón?
Muchísimas gracias por compartirnos tus conocimientos. 🙋😊☑️
Hola saludos. Que bueno te haya sido util y el botòn funciona correctamente. Lastima no tengo Telegram, asi que me pierdo lo bueno que puedan compartir por alli. Estoy trabajando en esa publicacion para dar mas detalles sobre estos aspectos. Seguro te etiqueto para que mires algunas ideas de como posicionar los botones que quizas te puedan gustar. Gracias por la visita.
Hola. Si, muchas gracias. Estaré pendiente. Saludos.
Que esperas para unirte a nuestro trail de curación y formar parte del "proyecto CAPYBARAEXCHANGE", tu casa de cambio, rapida, confiable y segura
Por que mejor no haces un video?