Blogtreatsdesign: Cómo añadir Iconos de Redes Sociales

Hoy les traemos como instalar los iconos de redes sociales

Cómo ya saben todo lo que haga aumentar el tráfico en nuestro blog es beneficioso y aunque parezca que no, el tener unos iconos bonitos y que llamen la atención también aumenta el número de gente que contacta con nosotros dándole click a estos íconos y potencialmente recibiremos más tráfico en nuestro blog.

En resumen... es una muy buena opción insertar estos íconos sociales que actúen como botones de seguimiento.

Al final del post te dejo algunos links de descarga gratuita de diferentes estilos de íconos, pero si te sentís inspirada/o
inspirada/o también podés crear tus propios iconos sociales con programas de dibujo y edición de imágenes como Photoshop, Gimp, Illustrator o Inkscape.

Una vez que hayas localizado el pack de iconos que te gusta, como generalmente estas colecciones vienen comprimidas en un archivo ZIP o similar, vas a tener que descomprimir (Algunos programas como WinZip (para Windows) te puede ayudar).

El siguiente paso será subir los iconos a un servicio gratuito de alojamiento de imágenes en Internet: dos de las más populares son Flickr y Photobucket. Pero si no quieres complicarte abriendo nuevas cuentas, te recomiendo que utilices Picasa Web Albums, el servicio de Google al que podrán acceder fácilmente si disponen de una cuenta ya creada en cualquiera de sus productos (Gmail, Blogger, Google+...).

Una vez tengas cargados los íconos en Internet, copiá la URL de cada uno y pegala en el bloc de Notas de tu computadora, en Word Pad o Word.

Ahora, entrá en el blog y abrí "Añadir un gadget" y seleccioná HTML/Javascript. Pegá el siguiente código para cada icono que quieras añadir:

<a href="URL de la red social" target="_blank" title="Texto"><img src="URL del icono" width=64px; height=64px; /></a>

• El texto en rojo lo tenés que reemplazar por la dirección de tu red social. Por ejemplo: http://www.twitter.com/blogtreatsdesign. No quites las comillas!

• "Texto" es la palabra que se verá cuando un visitante pase el mouse por encima del ícono. Por ejemplo, "Sígueme en Twitter" o "Twiter". No quites las comillas!

• El texto en naranja es la "URL de la imagen", la tenés que reemplazar por la dirección en la que está alojado el ícono (las que guardaste en el Block de Notas, siguiendo lo explicado más arriba). No quites las comillas!

• Podés modificar el tamaño del ícono a tu gusto. Está puesto para 64 píxeles de ancho (width) y de alto (height), pero podrían ser 32 si lo querés más chiquito o 128 si lo preferís más grande.

• Si querés que los iconos se vean centrados, colocá al principio de todo el código <center> y, al final, </center>.

Guardá el gadget y situalo en el lugar de la plantilla que más te guste, es recomendable que sea la parte superior para facilitar que tus visitantes los vean e interaccionen con ellos.

• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • •

Acá te dejo algunos Packs de Iconos Sociales que puedes descargar de forma gratuita...

ICONOS SOCIALES PARA DESCARGAR GRATIS