6/4/09

IMAGENES GIF EN LAS ENTRADAS

El paso a paso para colocar imagenes en las entradas, para quienes me consultaron dudas sobre el post anterior "Subir imagenes GIF al Blog":
1- Una vez creada la cuenta en ImageShack, subir las imagenes que vamos a poner en el blog a nuestra cuenta. Esto se hace yendo a Actions y de la lista elegir Upload Image. Aparece una ventana en la cual nos pide Examinar y elegir la imagen. Lo hacemos.
2- Acabo de subir una imagen de una computadora. Aparecen dentro de la hoja las imagenes que he subido. a esa imagen de computadora le hago clic y en Actions elijo Edit Image, ahora la veo en tamaño grande.
3- Le hago clic derecho a la imagen, en la pantalla que aparece elijo Propiedades.
Abre una ventana donde veo el nombre de la imagen, el tamaño, el nombre, etc y también veo la dirección de la imagen en internet, dice:http://imgcash3.imageshack.us/img217/3410/computadora.jpg. Ok? A este renglón con la dirección de la imagen le hago copiar.
4- Vuelvo a mi entrada y hago clic en el icono de Añadir imagen, en mi entrada.
Me abre una nueva ventana:



En esta nueva ventana, en lugar de "Añadir desde mi equipo" elijo "Añadir desde la web" y en el renglón donde pide la URL pego el código que copíé en propiedades de la imagen. Luego hago clic en subir imagen.

5- Como verán, en la entrada no aparece la imagen sino un código HTML, que si lo leen verán que dice"a href="image....., etc", ese código es la imagen, generalmente aparece al principio de la entrada, copien y peguen el código donde quieran que aparezca, yo copio y pego el de la computadora ahora en la parte final de mi entrada.



Espero haberles aclarado el tema. Esto es para las imagenes con movimiento, pero también para las imagenes comunes se puede usar.

2 comentarios:

Anónimo dijo...

oe socio buen dato pero k pasa cuando quiero poner una imagen gif en la parte del titulo, solo me sale imagen estatica.. dime como hago. te dejo mi msn para estar en contacto... djmartty_granatex100pre@hotmail.com

Rosana dijo...

Hola, para colocar el gif animado en la cabecera no es tan sencillo como en la entrada.
Para la cabecera tienes que tocar el código HTML desde la plantilla (en Diseño, Edición de HTML) buscando el código de la cabecera #header-wrapper y colocando debajo de ese codigo el siguiente:
background: url('la dirección de tu imagen');
con el punto y coma final, antes de guardar haz vista previa.
El problema es que no en todas las plantillas se puede, depende de cual usás.
Saludos.