Tutorial Blogger: ¿Cómo añadir iconos de redes sociales?

¡Hola bombones! Últimamente me preguntáis mucho por el diseño de mi blog así que he decidido que de vez en cuando iré subiendo algún tutorial para ayudaros a poner bonitos vuestros blogs. ¿Qué os parece?

He de decir antes de nada que yo no soy experta, no me dedico ni estudio diseño. Pero me gusta mucho este mundillo, supongo que ya lo sabréis porque siempre estoy cambiando el aspecto del blog. 

Este tutorial me lo pidió Marta del blog Moda frainteso y trata de como poner iconos de redes sociales en nuestro blog tal que así:

Es un tutorial sencillito y que queda genial. Si queréis saber como hacerlo, ¡Seguir leyendo!

NOTA: podéis hacer click en las imágenes para hacerlas más grandes y verlas mejor.

Lo primero que tenemos que hacer es buscar los iconos que queramos. Vamos a Google Imágenes y probamos buscando con: "Iconos redes sociales", "Iconos redes sociales gratis" o depende de la forma en que queramos podemos poner "Iconos sociales redondeados, cuadrados..." 

De todos modos aquí abajo os dejo dos sugerencias de entradas con iconos muy chulos que seguro que os encantan:

♥ Iconos sociales de Bombi blogs

♥ Iconos sociales de Blogueras Motivadas

NOTA: Para este tutorial he tomado prestados los iconos de Bombi blogs: créditos para Stefy, ella es la dueña y creadora de los iconos, no yo.

Una vez elegidos nuestros iconos vamos a nuestro blog, al apartado de "Diseño".

 

Y una vez allí le damos a "Añadir un gadget"

Elegimos la opción de HTML/Javascript

Y una vez abierto hacemos click en "Formato RTF"

Hacemos click con el botón derecho de nuestro blog y dándole a "Pegar" pegamos los iconos que elegimos previamente.

NOTA: Si los iconos que queremos pegar no están en internet, es decir, queremos subirlos desde nuestro ordenador orimero deberemos subir las imágenes de nuestros iconos en alguna web de alojamiento de imágenes como nuestro propio blog (en una entrada nueva que guardaremos como borrador), en Tinypic, Photobucket, Tumblr... Una vez subidas a estas redes le damos sobre la imagen a "Copiar imágen" y la pegamos en nuestro Gadget HTML/Javascript

Ahora toca poner el link para que cuando hagamos click en el botón nos lleve a la red social que queramos. Seleccionamos el icono elegido y hacemos click en la bolita verde que señalo en la imagen. 

Donde dice "Escriba una URL" ponemos el link de nuestra página de Facebook, u otro dependiendo del icono que hayamos seleccionado. El paso anterior y este tendremos que hacerlo con cada icono y una vez tengamos todos linkeados hacemos click en "Guardar"

 

Guardamos los cambios en "Diseño" y le damos click a "Ver blog" para ver como quedaron. 

Si quedaron descentrados, volvemos a el gadget que habíamos guardado y nos saldrán un montón de letras (Ya que no hemos seleccionado "Formato RTF") al principio de todas esas letras escribimos <center> y al final del todo escribimos </center> guardamos y volvemos a ver como quedó. 

¡Ya está centrado! Y el tutorial acabado.

¿Tenéis dudas? Podeis contactar conmigo en: 

lasombradetusojos@gmail.com o comentar en esta misma entrada seleccionando al comentar la pestaña "Avísame" para que la respuesta sea enviada vía email.

¡Contestaré tan rápido como pueda!

¡Hasta la próxima!