Este blog está dedicado a quienes, al igual que yo cuando empecé, se sienten más perdidos que un pulpo en un garage al pinchar en algún sitio de su blog.

lunes, 28 de abril de 2008

Poner una imagen que tenga movimiento en la sidebar

Para hacerlo primero has de subirla a un servidor, por ejemplo Google Pages, ya que blogger las almacena en Picasa y ahí no se conservan las propiedades.
Si no sabes como hacerlo, aquí te lo explico.
Una vez subido, para que la imagen se vea, añade un elemento HTML/Javascript a tu columna lateral y en el recuadro grande escribes:
<img sr="la-dirección-de -la-imagen">

(si quieres que quede centrada escribes)
<center><img
src="la-dirección-de-la-imagen"></center>

colocando la dirección que le habrán dado en el servidor, entre las comillas en lugar de lo que hay escrito.

Para saber la dirección que has de poner, pincha en el nombre del archivo (en el caso de Google Pages), con el botón derecho del ratón y con el izquierdo en Copiar acceso directo del menú que se abre.
Luego pegas lo que has copiado donde pone la-dirección-de-la-imagen y ya está. Guarda cambios y podrás ver la imagen en movimiento en la sidebar (columna lateral del blog).

¡Ah! Por supuesto esto también sirve para imágenes sin movimiento, aunque estas se pueden añadir desde un elemento Imagen, pero si necesitas añadir alguna en un elemento HTML/Javascript, el sistema es el mismo que te explico aquí.

15 respuestas. Y a ti ¿te ha sido útil?

Anónimo dijo...

GRACIAS POR PENSAR EN LOS QUE VAMOS COMENZANDO CON ESTO!

Eulalia dijo...

No hay de que, anónimo lector, a ti por pasarte y por comentar.
Saludos.

AMPA " EL JUNQUILLO"-SALTERAS- dijo...

hola eulalia: he descubierto tu blog gracias a Juan Bejar, que manda muchos correos muy válidos, y entre esos el tuyo. Espero no ser demasiado pesado con todas las preguntas que te voy a hacer, a medida que vaya resolviendo cada duda que me surja. Me llamo Juan y soy secretario de un ampa de salteras, no te voy a decir que queremos tener el mejor blog,después del tuyo, claro ; pero sí queremos que nos sea muy útil y atractivo para todos los usuarios que nos visitan.
Nuestra dirección es www.ampaeljunquillo.blogspot.com. Sabemos que tiene visualmente poco dinamismo y por eso queremos mejorarlo.
La primera duda que me surje corresponde a esta sección de poner una imagen un la sidebar.
Comienzo , yo copio tus comandos que pones e incluso para centrar la imagen , pero no sé donde colocarla . ¿En qué parte de todo el documento html lo coloco, al principio, al final , no se? Te rogaría que me ayudases. pf.

AMPA " EL JUNQUILLO"-SALTERAS- dijo...

Se me olvidaba agregar esto al comentario anterior . Tu recomiendas usar Google Page para dejar ahí los documentos o imagenes que después usaremos para la sidebar. ¿Es posible usar un grupo de trabajo de google , que es donde estamos ahora dejando todos los documentos, o no es posible?. Gracias

Eulalia dijo...

Hola Juan:
Empezaré por el final:
El sitio donde guardas los documentos. Si este sitio les otorga una dirección y les mantiene las propiedades si se puede. Si solo les otorga la dirección, pero no les mantiene las propiedades, no, no se puede.

Para saberlo, subid una imagen .gif que tenga movimiento y luego colocadla en un elemento HTML tal como explico en la entrada.
Si la imagen se mueve, podeis usar este sitio. Si la imagen no se mueve, no podreis usarlo para ese tipo de archivos.

En cuanto al código:
Simplemente has de copiarlo en un elemento de página HTML/Javascript, tal cual lo he escrito, con la salvedad de la dirección de la imagen.
Guardar cambios y ya la vereis en el blog.

Un inciso:
Todos los tutoriales de este blog, son para usarlos en elementos de la pestaña Diseño, o en las entradas.
No hay ninguno para colocarlo en el código fuente del blog, (esos están en Tuneando el blog), así que donde veas un código HTML o es para usarlo en un elemento HTML/Javascript, o en Edición de HTML del editor de textos (familiarmente el escritorio de las entradas).

No dudes en preguntarme todo lo que necesites.

Saludos.
P.S.
La foto del comentario será la de otra cuenta, pero soy yo.

Qae dijo...
Este comentario ha sido eliminado por el autor.
lasshanshaas dijo...

hola eulalia, a pesar de la util informacion que das en tu blog, cuando quiero añadir un gadget (imagen) desde una pagina web, me dice que especifique una imagen a pesar de que haya puesto el codigo...
tengo que pegar el codigo solamente? o hay algo mas que tengo que hacer? por favor necesito tu respuesta! gracias desde ya (:

Eulalia dijo...

lasshanshaas:
Las expliaciones de esta entrada se refieren a añadir una imagen en un gadget HTML/Javascript.
En los gadgets Imagen no hay que poner código alguno, solo añadir la imagen desde el pc.
No recuerdo si en los gadgets Imagen te dan la opción de añadirlos desde una web, pero no recomiendo usarla.
Si la imagen está en la red, sea donde sea, y, por tanto, tiene URL, lo mejor es ponerla como explico en esta entrada.
Saludos.

Julieta dijo...

Eulalia: paso mucho tiempo desde que creaste esta entrada, pero espero que te llegue mi duda y puedas responderla lo antes posible... resulta que me ha salido (cosa que no puedo creer) pero me sale solo uNa imagen, yo quisiera que salga una cadena de 4 o 5 imagenes... intente de todo pero no logro dar en el clavo... si podrias responder a este mail:

juliettazolezzi@gmail.com

estaria muy agradecida...
=mente si quieres responder aqui no hay problema

Eulalia dijo...

Julieta:
No importa el tiempo que haga que he hehco una entrada, vuestros comentarios me llegan al instante, pues en todos mis blogs marco la opción de que se me envien por mail.

En cuanto a tu pregunta, la respondo via mail, pero por si alguien desea saber la respuesta, diré que para poner un montaje de varias imágenes, el código que hay en esta entrada no sirve.

Este código es solo para mostrar una imagen. Lo de que tenga movimiento se refiere a la propia imagen, por ejemplo un pajarito volando, o una flor que se abre y se cierra, etc.

Para que la imagen cambie y se vea otra y luego una más etc. ésto se consigue mediante un montaje tipo slide y el código a colocar en este caso es el que te de el sitio donde te hagan el montaje.

En Más cosas hay una entrada al respecto.

saludos.

L.C DANIEL CORTES dijo...

HOLA EULALIA SOY NUEVO VISITANTE EN TU BLOG Y TENGO UNA PREGUNTA COMO PUEDO HACER PARA QUE APAREZCA MI BLOG EXTENDIDO EN TODO LA PANTALLA Y NO NADA MAS EN EL CENTRO, SOY PRINCIPIANTE EN ESTO ESTE ES MI BLOG http://lc-daniel-asesoria-fiscal-contable.blogspot.com/

Eulalia dijo...

Daniel:
Para eso has de escoger otro tipo de plantilla; la harbor o la minima strech o la herbert tienen esta propiedad. El resto solo puedes ensancharlos pero nunca abarcarán toda la pantalla en todas las pantallas, ya que no todas las pantallas son iguales.

Tini dijo...

Es fabuloso amiga mia eres un krak...quisiera ponerte n mi blog tengo un par de amigas qe no tienen ni idea saludos!!!! Ah y gracias por compartir que yo tempoco se mucho y pongo lo que me facilita internet....

Procultura dijo...

Saludos. Para no tener que usar servidores ajenos para subir nuestras imagenes, las que en cualquier momento pueden desaparecer devido que estas son borradas, hay una solución muy práctica y es subirlas a nuestro propio Blog. Para ello descargamos a nuestra PC las imagenes que necesitamos y las guardamos en una carpeta, creamos una nueva entrada con el nombre "IMAGENES" y las subimos, a esta nueva entrada no le damos "Publicar Entrada" si no "Guardar Ahora" y cada vez que necesitemos nuestras imagenes la abrimos y pulsamos "Vista Previa" damos click derecho sobre la que necesitamos y buscamos "Información de la Imagen" y copiamos la URL que nos aparece para usarla en nuestras nuevas entradas.

Eulalia dijo...

Esto sirve para cualquier tipo de imagen excepto las que tienen movimiento ya que en el blog el movimiento desaparece, que es de lo que hablo en esta entrada.