COMO PONER ICONOS DE REDES SOCIALES EN NUESTRO BLOG

Cuando comencé con el blog tenía claro que quería un blog bonito y por eso cada ratín que tengo le dedico para insertar aquellos elementos que me gustan. Aún le quedan muchas cosas que cambiar pero para ir modificando mi blog necesito tiempo y es eso precisamente lo que no tengo demasiado.

No tengo ni idea de html, ni grandes conocimientos de informática (mis conocimientos no van más allá que los de cualquier otra persona), pero con paciencia y leyendo mucho voy salvando mis obstáculos y aprendiendo un poco.

Una amiga me ha preguntado cómo he insertado twitter con el blog, no sabía muy bien a lo que se refería pero me acordé de mi misma cuando lo hice y durante un tiempo tuve el icono , cutreicono, de twitter en mi blog. Yo veía los blogs con esos iconos de social media  y decía "pero qué chulada! cómo se pondrá eso?". Pues es lo que os voy a explicar.

El modo en que yo lo hago no será el más rápido pero a mí me funciona. Lo primero que tenemos que hacer es buscar unos iconos de redes sociales que nos gusten y descargarlos. Para eso yo utilicé pinterest

Lo mejor es descargarlos en .png, aquí teneis unos cuantos. Descargamos lo que nos gusten de dónde nos gusten y yo los subí a Imageshack (creo que voy a cambiar de página pero esta funciona bien) y eso lo dejamos quieto por el momento.

El icono en cuestión lo que va a hacer redirigirnos a nuestro espacio en cualquiera de las redes sociales, lo que tenemos que hacer es introducir un código html que permita hacer eso. El código que me funciona es éste:

<a href='nuestra dirección en la red social que sea' target='_blank'><img alt=”redsocial en cuestión” src='dirección de la imagen'
title='redsocial en cuestión' /></a>

Vayamos por partes:

1- Dirección de nuestra red social: solo tenemos que pinchar en nuestro perfil y copiar la url que aparece en la barra de direcciones. Fácil, verdad?

2- Red social en cuestión: la red social que queramos enlazar: twitter, facebook...

3- Dirección de la imagen: volvemos a Imageshack y pinchamos en el icono que queramos poner, por ejemplo twitter, y clickamos en la "i" azúl que nos dice "share it" (compartir)

nos saldrá una ventana emergente y copiamos el link que aparece en azul (dónde pone direct)

y esa es la dirección de nuestro icono de twitter que vamos a poner en el código html que os puse arriba.

Con lo cual si queremos poner el icono de twitter , el código nos quedaría así (ojo, esto no se copia que os lleva a mi tuiti :) )

<a href='https://twitter.com/SrtaPalomo' target='_blank'><img alt=”twitter” src='http://imageshack.us/a/img90/9841/qfii.png'
title='Twitter' /></a>

Hasta aquí , fácil. Pues lo que queda es lo más fácil de todo ^_^

Nos vamos a nuestro escritorio y pinchamos en diseño, añadir un gadget y el gadget va a ser insertar código html, el que sale subrallado

y ya solo queda meter nuestros códigos, uno detrás de otro separados con un espacio

Le damos a guardar y ya tenemos unos iconos de social media, o redes sociales como lo prefirais, a nuestro gusto!!

Espero que os haya sido útil

Bss