Iconos de Redes Sociales


Hola!!!
Hace unas semanas estuve ocupada haciendo estos pequeños iconos de varias redes sociales para colocar el gadget de sígueme en el blog, que ya hacía tiempo que lo tenía en mente, pero un día por otro lo había dejado pasar.
Os los podéis descargar desde este enlace. Están preparados en dos tamaños, 48x48 y 32x32, para que uséis el que os vaya mejor.

Os voy a explicar también como los he puesto en el gadget de blogger por si queréis hacerlo también vosotros.

Una vez que los tangáis descargados, hay que subirlos a un hosting para poder usarlos. Podéis hacerlo en Google Sites, que es gratuíto y muy sencillo.

  • Ve a google sites y pincha en el botón "Crear" que está a la izquierda, escribe el nombre para tu sitio y clica en "Crear sitio"
  • Ahora busca el desplegable "Más acciones" de arriba a la derecha y selecciona "Administrar sitio" y luego en el panel que se abrirá a la izquierda, pincha en "archivos adjuntos".
  • Sube de uno en uno todos los iconos que vayas a necesitar
  • Pulsa "Ver" en cada imagen y se abrirá una página nueva. En la barra de dirección tienes la URL de cada uno de los iconos que has subido. Estas son las que nos van a hacer falta.
Ahora nos vamos a blogger, al apartado de diseño. Ahí podemos ver la plantilla de nuestro blog. Pinchamos "añadir nuevo gadget" en la zona donde queramos poner los iconos y escogemos la opción "HTML/javascript".
En la ventanita que se nos abre tenemos que copiar este código tantas veces como iconos vayamos a tener y adaptarlo a cada uno.



<a href="dirección de tu facebook, instagram..." target="_blank"><img alt="siguenos en facebook" height="48" src="la URL de cada icono" title="siguenos en facebook" width="48" /></a>


La parte escrita en verde es la URL de cada imagen
La parte escrita en rojo es la dirección de tu red social, twitter, facebook, etc.
La parte escrita en azul es lo que verá la gente al pasar el ratón por encima.
La parte escrita en rosa es el tamaño del icono en píxeles. Por defecto dejadlo del tamaño de la imagen, 48 ó 32, pero por si necesitáis un tamaño entre 32 y 48 lo podeis ajustar, por ejemplo poniendo 40.

Si ponemos varios iconos, damos un espacio y volvemos a copiar el mismo código debajo y cambiamos las direcciones. Os quedará algo así.




Una vez que lo tengas todo listo, lo guardamos y vemos como queda en nuestro blog y si todas las direcciones funcionan bien, por si nos hemos confundido en algo. Si no os gusta alguna cosa, volvéis a abrir el mismo gadget y lo modificáis.

Espero que os sirva para algo!!!
Gracias por la visita y volved pronto!!