domingo, 9 de febrero de 2014

Alineado de iconos de redes sociales (PARTE 1)

Hola a todos,

Hoy os traigo una entrada dedicada a Cuquidolls, que me pidió ayuda para poder poner los iconos de las redes sociales alineados en blogger. Intenté explicarle algo que fuese fácil de hacer para que no entrase mucho en el mundo del código HTML.

Para empezar, tenéis que saber cómo subir las imágenes de los iconos dentro de nuestro blog para luego conocer la url que lleva asociada.  Con esto, sabiendo la url, se podrán introducir en nuestro blog sin temor a que sean eliminadas y nos fastidien el diseño de nuestra página.

Yo, para hacer los iconos del blog utilicé la página online Picmonkey, fue todo un descubrimiento y creo que está muy bien para hacer cosas rápidas.


PASO 1.- CÓMO SUBIR LAS IMÁGENES Y CONOCER SU URL

Primeramente tendremos que pulsar sobre el icono que sirve para insertar una imagen.

Alineado de iconos Blogger



Entonces saldrá una ventana emergente para poder subir las imágenes que tienes 

Alineado de iconos Blogger

Después de hacerlo y subir las fotos, se quedarán reflejadas en la entrada que estás escribiendo. Yo he subido una foto que hará de ejemplo para esta entrada, una imagen que se llama mariposa.png creada con Picmonkey. Hasta ahora ya sé que los pasos son los típicos que se hacen cuando se suben las fotos y que está chupado pero... ¿quién dijo que esto iba a ser difícil? :P


Alineado de iconos Blogger


Bien, cuando ya tenemos las fotos subidas, en la página principal de la creación de la entrada, tendremos que pulsar sobre la opción de HTML para ver el código y así saber la dirección de dónde exactamente se encuentra nuestra imagen.


Alineado de iconos Blogger



Como sabemos que nuestra imagen se llama mariposa.png, buscamos en la página dicho nombre y lo encontraremos en el código.

Alineado de iconos Blogger


El código que tenemos de nuestra imagen será del estilo a ésta:


<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh12KuDJ4q-imWYLxWTVbN4M5zEUa7HrpN7a7-E_wcwiDr33YGmCkLiXappRjVuLol0YfTG13SD1b3PfkHOFbWhEaEGm1TNezEXQib6rhoDhIq2yGd7joGRihvueeMzVYHNhznTG-9vWG8/s1600/mariposa.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh12KuDJ4q-imWYLxWTVbN4M5zEUa7HrpN7a7-E_wcwiDr33YGmCkLiXappRjVuLol0YfTG13SD1b3PfkHOFbWhEaEGm1TNezEXQib6rhoDhIq2yGd7joGRihvueeMzVYHNhznTG-9vWG8/s1600/mariposa.png" /></a>


Habrá que guardar este código porque será necesario para añadir nuestros iconos.

Y hasta aquí el primer paso para añadir los iconos alineados de las redes sociales. Espero  que os haya parecido fácil he intentado hacerlo lo más asequible posible.

Muchas gracias. Saludos para todos.

2 comentarios:

  1. Gracias, gracias por compartirlo, tomo nota por si alguna vez lo necesito...
    Besos y buena semana!!

    Cande

    ResponderEliminar