jueves, 14 de abril de 2011

Subir imágenes a Blogger

Vamos a utilizar a Blogger como servidor de imágenes y así poder usarlas en cualquier otra parte del blog que no sea una entrada, como por ejemplo un gadget HTML/Javascript.

¿Cómo se hace...?

Hay que crear una Nueva entrada.

Le ponemos un nombre para identificarla. Ejemplo: Imágenes.

Desde Edición de HTML o desde Redactar subimos nuestra imagen. (Yo lo hago desde Redactar)



Se abre una ventana, clic en el botón "Elegir archivos", subimos la imagen y guardamos apretando el botón de abajo: "Añadir las imágenes seleccionadas". (Podemos subir varías juntas)


Ya vemos la imagen desde Redactar. (No importa el tamaño ni la ubicación)



Ahora en Edición de HTML vemos un código, el que seleccionamos y clic derecho Copiar (ctrl+C) y lo pegamos con clic derecho Pegar (ctrl+V) en algún editor como puede ser el bloc de notas.

El código va a ser así:

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGQNKCuvGasQMQc0tkz7JGNY3ermukaYq0KrjymSAriRrxgS14mE0vUr3sz-zj8TiDNeodBXedo6vp_gAsphJhRmt0lt50pluJZAUJCGaJ5WlYEf0fmfFKJfOZMnz8Ok8sg5caDndN4UQF/s1600/blogger.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="160" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGQNKCuvGasQMQc0tkz7JGNY3ermukaYq0KrjymSAriRrxgS14mE0vUr3sz-zj8TiDNeodBXedo6vp_gAsphJhRmt0lt50pluJZAUJCGaJ5WlYEf0fmfFKJfOZMnz8Ok8sg5caDndN4UQF/s320/blogger.jpg" width="320" /></a></div>

Lo que tenemos que seleccionar es el link de la imagen de arriba. (Color Rojo)


Clic sobre "Opciones de entrada", para expandir.

Ahí marcamos en "Programado para" y ponemos una fecha con un año mayor al actuar.


Por último le damos al botón de "Guardar ahora" o "Guardado".


Ya tenemos la imagen para utilizar.

Si en otro momento queremos subir otra imagen vamos a "Editar entradas" y como pusimos un año mayor, vemos la entrada guardada como "borrador" arriba del todo.

Ahí le damos a "Editar" y seguimos los pasos anteriores.


El link de la imagen que pegamos en el blog de notas:

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGQNKCuvGasQMQc0tkz7JGNY3ermukaYq0KrjymSAriRrxgS14mE0vUr3sz-zj8TiDNeodBXedo6vp_gAsphJhRmt0lt50pluJZAUJCGaJ5WlYEf0fmfFKJfOZMnz8Ok8sg5caDndN4UQF/s1600/blogger.jpg

Como dije antes, lo utilizamos para mostrar la imagen en un gadget o en la plantilla de la siguiente forma:

<img scr="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGQNKCuvGasQMQc0tkz7JGNY3ermukaYq0KrjymSAriRrxgS14mE0vUr3sz-zj8TiDNeodBXedo6vp_gAsphJhRmt0lt50pluJZAUJCGaJ5WlYEf0fmfFKJfOZMnz8Ok8sg5caDndN4UQF/s1600/blogger.jpg"/>

Si la queremos con un link para abrir una página:

<a href="http://URL-de-la-página"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGQNKCuvGasQMQc0tkz7JGNY3ermukaYq0KrjymSAriRrxgS14mE0vUr3sz-zj8TiDNeodBXedo6vp_gAsphJhRmt0lt50pluJZAUJCGaJ5WlYEf0fmfFKJfOZMnz8Ok8sg5caDndN4UQF/s1600/blogger.jpg"/></a>

Por supuesto que tienen que cambiar el link de la imagen y el de la página.

Ahora si queremos cambiar el tamaño de la imagen, leer está entrada:
Imágenes en Blogger: Cambiar tamaño

Entrada dedicada a Yoly

No hay comentarios:

Publicar un comentario