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.

Tabla de contenidos

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

READ Justificar el Texto de mi Blog en WordPress

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.