Se acerca Halloween y quizás te gustaría decorar un poco tu blog. Aquí te traigo una aplicación que podrás insertar en tu blog de una forma sencilla y rápida.
Se trata de una araña que camina por la parte inferior de tu blog, de una esquina a otra, ocupando la pantalla completa.
Diseño>añadir gadget (elemento de página)>html-javascript
Pega esta línea:
<marquee direction="left" style="position: fixed; bottom: 0px; right: 0px;"><img src="http://i34.tinypic.com/xx9wl.jpg"/></marquee>
Para terminar, guarda el gadget.
Nota:
Ten en cuenta que puedes cambiar la imagen de la araña por algo personal. Esta nueva imagen se moverá igualmente. Para ello, cambia la línea resaltada en verde por la dirección de tu imagen [+].
¡Así de sencillo resulta insertar una araña en el blog!
¿Problemas al comentar? Utiliza 
he puesto la araña!!! es super chula!!!me gusta!!
Me llevo la araña a casa, gracias.
Te leo a menudo, aunque no te comente, el tiempo ya sabes.
Un abrazo.
Tengo aracnofobia, no puedo ponerla :S
Verás Jaime, necesito algo. Imagino que seguramente lo has publicado pero estoy buscando y no lo encuentro.
Uno de mis blogs no tiene la opción de elementos de página en el pie de página, debajo de los posts. Quisiera saber si hay alguna forma de crear esto, pero no dividido en 4 bloques sino en uno solo horizontal. Gracias.
Esta muy bueno :D
La acabo de poner en mi foro que desde el martes es estilo halloween y queda muy bien jajajaja
http://mjtribute.foroactivo.com.es/
Holaaaaa, Jaime, llevo mucho tiempo sin saludarte, así que, antes de nada :¡¡HOLAAAA!!, jajajaa
Venía a decirte que, como las arañitas me dan un poco de yuyu, pues, he puesto con tu truco en mi blog una geisha paseándose de una lado a otro, ¡¡me encanta!!, he cambiado la dirección que habías puesto tú por otra de una imagen que me gustaba a mi y, listo,ya tengo una amiguita de paseo por el blog
Muchas gracias, guapetón, un besote
lisa fedo, ¡Ya veo! te ha quedado genial. Y además, la imagen de fondo de tu blog favorece a la imagen ;).
Lolami, ¡Genial! Toda tuya ☺. No te preocupes, te entiendo perfectamente. A mi también me suele pasar :D.
Kassiopea, no te preocupes, es algo normal (¡con todas esas patas que tienen las arañas!) ;).
Verás, hay una forma de activar la zona de las entradas para que se puedan incluir gadgets (lo explico en esta entrada).
Al incluir ese truco en el blog, podrás agregar los gadgets encima de las entradas, así como arrastrarlos hasta el final de éstas.
Me alegra que te guste, Ybarra Sebastian :).
¡Queda estupénda Darkness! Así como la cabecera, con thriller de fondo :P.
Ana, me alegra mucho tenerte por aquí. Es perfecto que hayas cambiado la imagen, me gusta mucho la Geisha ¡Y mueve las manitas! :D.
Gracias Jaime, eso ya lo había hecho en una plantilla y no encontraba tu post para volverlo a hacer. A ver si ahora puedo ponerlo en la zona del blog que quiero. Saludos.
Kassiopea, realmente con añadirlo en la zona de las entradas es suficiente, ya que podrás colocar los gadgets bajo ellas ;).
Si necesitas ayuda dímelo. ¡Saludos!
Gracias por la entrada dela araña.Estoy aprendiendo mucho con tus enseñanzas.
Hola Jaime, me ha encantado este post queda chulísimo, pero yo he puesto una paloma, porque las arañas no me gustan jajá,
Gracias por tus consejos un beso
¡Bienvenida Concha!, es estupéndo que estés aprendiendo con las entradas del Balcón ;).
¿Verdad que sí Anabel? y lo mejor es que es muy sencillo, cosa que suele afectar a la hora de instalarlo.
Me encanta que hayas modificado el código, es más, voy a poner cómo se cambia la imagen en la entrada (aunque es de lo más sencillo ☺) para que pueda ser personalizado a vuestro gusto ;).
Linda araña, ya la agregue, aunque le hice un cambio, la puse en el footer y le saqué la psition: fixes; porque no quiero que se vea siempre. Gracias
Muy bien Ascesino96, de esta forma la araña no permanecerá fija y flotante en el pié del blog (que es lo que hace la definición fixed) ;).
Hola JAIME,por mucho que lo intento no me sale nada,quiero cambiar lo de la araña por otra imagen y no sale nada,creo que soi un poca torpe ¿ verdad ? ,saludos
Tesva, no digas que eres torpe... ¡Para nada!.
Para poner tu propia imagen sigue los mismos pasos de la entrada pero utiliza este código:
<marquee direction="left" style="position: fixed; bottom: 0px; right: 0px;"><img src="URL DE TU IMAGEN"/></marquee>
Sustituye URL DE TU IMAGEN por la dirección de tu imagen. Si no sabes cómo conseguir la URL de una imagen mira esta entrada.
Antes, debes alojar la imagen en un servidor, como puede ser TinyPic o Imageshack.
Si sigues sin poder hacerlo dímelo.
Agradecería de corazón que me dijeran como colocar esta imagen "http://img37.imageshack.us/img37/9392/bathb.gif" en la parte derecha-superior de mi blog; que al subir o bajar en el blog se quede en la esquina. Gracias de antemano.
Yue-newmoon, en ese caso debes utilizar este código:
<img style="position: fixed; top: 0px; right: 0px;" src="http://img37.imageshack.us/img37/9392/bathb.gif"/>
¡Saludos!
Hola, soy Yue. De parte de todo el equipo del blog El Cementerio Olvidado queremos agradecerle por su ayuda y felicitarle por su impecable ayuda que nos has brindado, Gracias.
Muchas gracias a vosotros por comentar, equipo del Cementerio Olvidado ;).
esta chiida la araña
gracias me la llevo
cuidese
julio cesar, ya veo lo bien que te quedó. Parece que camina sobre el menú flotante ;).
Hola Jaime!! Buen truco, pero como hago para que mi imagen se quede fija y no vaya de un lado para el otro?? Es que tengo una imgen en concreto y quiero que se quede fija.
Gracias y un saludo!!
Eddie Lamorgue, me alegro mucho de que te haya gustado el truco. Para hacer que la araña deje de "moverse" utiliza este otro código:
<a href="#" style="position: fixed; bottom: 0px; right: 10px;"><img src="URL DE LA IMAGEN"></a>
Reemplaza URL DE LA IMAGEN por la dirección de la imagen y listo ;).
Hola Jaime!
Lo primero felicitarte por el blog :)
Y una preguntilla:¿Cómo lograr que esta araña (o cualquier otraimage qu se desplac por el blog) actúe de enace?Es decir que se desplace pero puedas clik sobre ella y te lleve a otro sitio
Muchas gracias!
Tinta Verde, utiliza entonces este otro código:
<a href="DIRECCION WEB"><marquee direction="left" style="position: fixed; bottom: 0px; right: 0px;"><img src="http://i34.tinypic.com/xx9wl.jpg"/></marquee></a>
Y reemplaza DIRECCION WEB por la dirección de la web o entrada a la que conducirá el link.
hola jaime: ¿cómo puedco redimensionar la imagen para ajustarla y que me quepa en vez de ocuparme mucho?
Si te refieres a modificar el tamaño de la araña, me temo que será complicado. Haz uso de un buscador para dar con un conversor de imágenes que contenga la opción redimensionar y haz la prueba.
Te comento que no es sencillo, sobre todo tratándose de una imagen con movimiento (gif).