domingo, 10 de febrero de 2019

Añadir los iconos con HTML

- Dirígete al apartado de diseño de Blogger y haz "Añadir un gadget" en el lugar donde quieras colocarlos.
- Escoge la opción de "HTML/Javascript"
- Pon un título tipo "seguir", "contactar", "otros canales"...., copia el siguiente código para cada una de tus redes sociales y guarda. Pongo el ejemplo con mi Twitter

<a href="https://twitter.com/2ndfunniest" target="_blank"><img src="https://sites.google.com/site/2ndfunniestthing/twitter.png" alt="Seguir a 2nd Funniest Thing en Twitter"/></a>

La parte escrita en verde es la URL de tu Twitter/Facebook, LinkedIn...
La parte escrita en rojo es la URL donde está colgado el icono que utilizas para esa red social
La parte escrita en azul es lo que verá la gente al pasar el ratón por encima.

- Si quieres poner varios iconos, después de este código da un espacio con el teclado y vuelve a copiar el mismo código pero personalizándolo para cada red social. Aquí ves mi código completo como ejemplo de lo que te quedará:


<a href="https://twitter.com/2ndfunniest" target="_blank"><img src="https://sites.google.com/site/2ndfunniestthing/twitter.png" alt="Seguir a 2nd Funniest Thing en Twitter"/></a>

<a href="http://www.facebook.com/2ndfunniestthing" target="_blank"><img src="https://sites.google.com/site/2ndfunniestthing/facebook.png" alt="Seguir a 2nd Funniest Thing en Facebook"/></a>

<a href="http://www.bloglovin.com/en/blog/3732044/tutoriales-y-piezas-unicas-diys-un" target="_blank"><img src="https://sites.google.com/site/2ndfunniestthing/Bloglovin.png" alt="Seguir a 2nd Funniest Thing en Bloglovin"/></a> 

<a href="http://pinterest.com/2ndfunniesthing/" target="_blank"><img src="https://sites.google.com/site/2ndfunniestthing/pinterest.png" alt="Seguir a 2nd Funniest Thing en Pinterest"/></a> 

<a href="http://feeds.feedburner.com/TutorialesYPiezasnicas-DiysUniquePieces" target="_blank"><img src="https://sites.google.com/site/2ndfunniestthing/mail.png" alt="Seguir a 2nd Funniest Thing por email"/></a>

<a href="http://www.linkedin.com/in/2ndfunniestthing" target="_blank"><img src="https://sites.google.com/site/2ndfunniestthing/linkedin.png" alt="Contactar con 2nd Funniest Thing en LinkedIn"/></a>

BTemplates.com

Con la tecnología de Blogger.

Popular Posts