14 abril 2008

Imagen estática en la esquina inferior derecha


Isaí me pregunta cómo poner esa imagen en movimiento que aparece en la esquina inferior derecha de mi otro blog (una piruleta) que queda siempre estática a pesar de estar navegando dentro de él.
Bueno, no es algo que yo haya aprendido, el truco me lo explicó Gaby, que, desprendiendo su encanto, me preparó el código con varias imágenes, para que eligiera la que más me gustaba.

Pero a lo que íbamos, se hace de la siguiente manera:

- Primero buscaremos la imagen (generalmente un gif, animada) y la subiremos a Blogger o al servidor en el que pongamos las imágenes a utilizar en nuestro blog.

- Después irémos a la plantilla Html del blog, desplegando los artilugios. Allí buscaremos (ayudándonos de la ayuda del navegador: Edición o Editar > Buscar):
</head>
y <body>. Entre ambos incluiremos el siguiente código, cambiando la URL de mi blog por la del vuestro y la dirección URL de la imagen que queramos que se vea.


<a href='http://aquienleamargaundulce.blogspot.com/'><img alt='ir arriba' border='0' src='URL de tu imagen' style='position:fixed; bottom:0; right:0;'/></a>



Y... ¡eso es todo!

6 comentarios:

Mª Carmen dijo...

Hola, visito tu blog algunas veces, para aclararme con algunas cosillas, enhorabuena por tu blog.
Me gustaría poner la imagen estática, pero según tus explicaciones no consigo saber donde tengo que poner la orden, en la plantilla, no me aparece en la plantilla, al desplegar los artilugios, la palabra editar o buscar, no sé como hacerlo, ¿podrías ayudarme?
Mil gracias.
Marisalas

Miranda dijo...

Hola, Marisalas!
gracias por las felicitaciones!

Para buscar algo en el código HTML de nuestra plantilla, una vez abierto en Blogger, nos ayudamos del navegador de internet que utilizamos: en alguno de sus menús (en Mozilla Firefox es en Editar) encontrarás la opción "Buscar" que nos permite buscar una palabra en la página de internet que tenemos abierta, en este caso la plantilla HTML de nuestro blog. A eso es a lo que me refiero. Es sólo para ayudarnos a encontrar el lugar donde introducir el código, pues hacerlo manualmente puede ser muy laborioso y lento.

Si aún así no se me entiende, vuelve a escribirme, ¿sí? No sé si me he explicado bien.

Un saludo y ¡que disfrutes con la plantilla!

Carlos Alcor dijo...
Este comentario ha sido eliminado por el autor.
Miranda dijo...

No salían las partes del HTML entre las que hay que situar el código, por algún motivo desaparecieron. Ya sabéis, entre /head y body.
Perdonad el fallo y disculpad las molestias.

Anónimo dijo...

Hola! Al haciendo mal, pues por mas que lo intento no me sale y me sale error que no esta bien cerrado, para esto de los blogs soy una boba, ayuda por favor.

Claudia dijo...

Muchas gracias!

Da gusto encontrar un blog donde te lo expliquen correctamente y paso por paso!