Home » Insertar Iconos de Redes Sociales en tu Blog

Insertar Iconos de Redes Sociales en tu Blog

Agregar en nuestro blog las redes sociales que nosotros tenemos es fundamental para aprovechar el trafico de nuestro sitio web. De esta forma llevaremos mas usuarios a nuestras redes sociales y así aumentar nuestros lectores. Sabemos lo importante que es para ti tener un blog completo donde des a conocer sobre ti y tu trabajo. Es por eso que a continuación te enseñare a como Insertar iconos de redes sociales en tu blog o sitio web. De manera rápida y sencilla lo podrás hacer sin la necesidad de ser un experto.

Ventajas de tener en tu Blog tus Redes Sociales

  • Aspecto profesional a tu blog: Le dará un toque de seriedad y profesionalismo a este mismo, pues le dará a conocer a tus navegantes sobre ti. Les harás saber quien eres y por lo tanto obtendrás confianza para ellos.
  • Aumentar el trafico: Los navegantes irán a ellas con el fin de obtener información sobre temas relacionados. Esta podría ser a través de videos de tu canal YouTube o Tik tok por ejemplo.
  • Aumentar Suscriptores : Aumentaras rápidamente de seguidores ya que tus navegantes se enganchan con la información relacionada que brindes y sea de sus intereses.

Código HTML – Iconos de Redes Sociales para tu blog

A continuación te compartiré el siguiente código HTML que podrás modificar a tu gusto, en si son los iconos de las siguientes redes sociales:

  • YouTube
  • Facebook
  • Instagram
  • WhatsApp
  • Tik Tok
  • Gorjeo
<center>
<div class="iconos-sociales">

<a href="Enlace del Canal De YT" target="_blank"><img loading="lazy" alt="Sígueme en YouTube" height="35" width="35" src="https://imparteconocimientos.com/youtube-icono/" title=" Sígueme en YouTube "/></a>

<a href="Enlace De FB" target="_blank"><img loading="lazy" alt="Sígueme en Facebook" height="35" width="35" src="https://imparteconocimientos.com/facebook-icono/" title="Sígueme en Facebook"/></a>

<a href="Enlace de IG" target="_blank"><img loading="lazy" alt="Sígueme en Instagram" height="35" width="35" src="https://imparteconocimientos.com/Instagram-icono/" title="Sígueme en Instagram"/></a>

<a href="Enlace de WPP" target="_blank"><img loading="lazy" alt="Sígueme en WhatsApp" height="35" width="35" src="https://imparteconocimientos.com/whatsapp-icono/" title="Sígueme en WhatsApp"/></a>

<a href="Enlace de tu cuenta TikTok" target="_blank"><img loading="lazy" alt="Sígueme en TikTok" height="35" width="35" src="https://imparteconocimientos.com/tiktok-icono-oscuro/" title="Sígueme en TikTok"/></a>

<a href="Enlace de Twitter" target="_blank"><img loading="lazy" alt=" Sígueme en Twitter" height="35" width="35" src="https://imparteconocimientos.com/Twitter-icono/" title="Sígueme en Twitter"/></a>
</div>
</center>


 <!-- Aquí van los estilos -->

<style>
.iconos-sociales img{ 
transition:all 0.5s ease-out; border-radius:50px;
}
.iconos-sociales img:hover{
box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
transform:translate(0px, -10px); 
}
</style>

Como te has dado cuenta en el código HTML mostrado anteriormente existen textos en negrita donde tu los remplazaras por el link de tu red social. por ejemplo

Te Recomendamos  Registrar Un Blog En Google Search Console | Guia Completa

En las palabras Enlace del canal de YT la cambiaremos por la url de la red social en este ejemplo seria el link de tu canal de YouTube.

Poner Iconos de Redes Sociales en Blogger

Una ves hayas modificado y agregado al código los enlaces de tus redes sociales lo que harás será lo siguiente.

1.- Nos dirigiremos a Blogger e ingresaremos al sitio web donde insertaras los iconos de redes sociales.

2.- Iremos a la parte lateral izquierda y seleccionaremos la sección «Diseño» de nuestro blog.

3.- Iremos al lugar donde queramos poner los iconos, en este caso en el siderbar y haremos clic en «Añadir un Gadget».

4.- Luego nos saldrá una ventanita que nos pedirá que selecciones el tipo de Gadget, en este caso de tipo HTML

5.- Automáticamente emergerá una ventana para configurar el gadget, Le daremos un titulo si gustan y en el contenido agregaremos el código HTML que hemos modificado.

6.- Como paso ultimo le daremos a guardar y ya podremos apreciar en nuestro blog las redes sociales, quedaría algo así.

Eso seria todo, cualquier consulta no dudes en dejarlo en los comentarios.

Poner Iconos de Redes Sociales en WordPress

Una ves hayas modificado y agregado al código HTML los enlaces de tus redes sociales lo que harás será lo siguiente.

1.- Ingresaras al panel de administrador de tu Blog o Pagina Web.

2.- Iras a la sección apariencia y elegirás personalizar.

3.- Buscaras entre las opciones «widget» ya que nos servirá para agregar un gadget en alguna parte de nuestro blog o pagina web.

4.- En widgets seleccionaremos la parte siderbar, pues nosotros queremos agregar los iconos de redes sociales en la barra lateral.

5.- Luego agregaremos un bloque de tipo html, asi como aparece en la siguiente imagen.

6.- Finalmente dentro del bloque HTML pegaremos el código modificado anteriormente, luego le daremos a guardar y listo.

Siguiendo todos esos pasos ya tendrías en tu blog los iconos de redes sociales. Cualquier duda o consulta por favor escríbanla en los comentarios.

Te Recomendamos  Agregar Barra de Comentarios de Facebook en Blogger

Entradas relacionadas

Deja una respuesta

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