Ya falta poco para Halloween y para quienes quieran darle un poco de decoración al blog, vamos a ponerle una araña a la página que suba y baje a lo largo de la pantalla.
Puedes ver un ejemplo en este blog de pruebas aquí mismo.
Ustedes disculparán la calidad del dibujo pero soy un poco torpe con los programas de animación, así que hice todo lo que pude para darle animación a esta simpática araña.
Para ponerla en tu blog entra a Plantilla | Edición de HTML y antes de </body> pega lo siguiente:
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidd6JeKHL1dfdspQuERDUEDSpTasxPeaB7LzassU7CzcVw-OOuRGwpEOSr9ENL8TH1PF8RjMQN-vrCE1F4Prq1HXf8chcFWKEnMqa94zqoYrbryhXhDEL5a7z5kglp-LYSju9bZQk1vC0/' style='position:fixed; top:0; left:0;'/>
La araña estará en el lado izquierdo, si quieres cambiarla a la derecha cambia donde dice left por right.
Debido a la calidad de la imagen, esta animación se ve mejor en fondos blancos o claros.
Ciudad Blogger
Jajaja simpatica araña.
ResponderEliminarYa la puse.
y mañana se conocera al ganador del segundo sorrteo.
ojala ganara, pero no es tan facil.
Saludos
perdo el lunes
ResponderEliminarmañana es domingo
Potro: Me aceleré y puse la araña como gadget y ¡funcionó!... si quieres checarla, la tengo en mi nuevo blog [al que todos están cordialmente invitados a participar: http://lamansionencantada.blogspot.com/ así que los espero!] y, bueno... en dicho blog la araña encaja perfecto para hospedarse para siempre... ¡mil gracias!
ResponderEliminarUn beso,
Genual Animacion POTRO a diferencia de Jazime yo si lo ise tal como lo dices Gracias por el aporte pasate para que veas como quedo Gracias 1000 Sales Cuidate!
ResponderEliminarpara quitarla supongo que borrare el codigo cierto? jeje sale Bie
Sirve para wordpress???
ResponderEliminarel venado, ya me habías desubicado en la fecha, jaja.
ResponderEliminarJazmine Dguez. [bajo el pseudónimo de Lilith†La†Enemiga†d†Eva], quedó muy a tono con tu blog. P.D. Me gustó esa música =)
unrealmat, ese esqueleto te quedó genial ¿podrías compartirlo?
Eva, desconozco la plataforma WordPress, pero supongo que debe funcionar, ya que no es ningún script, sólo es manipulación de posición de una imagen. Saludos.
Quedo muy bieen!!
ResponderEliminargracias jejeje me encantas estos detalles segun la fecha :)
Muy Bueno Potro!!!Hace mucho que no pasaba!Quedo buenisima la araña,y estaria bueno que pase el esqueleto unrealmat!!
ResponderEliminarMathias, igual a mí me gusta poner un toque representativo de las fechas =)
ResponderEliminarEmanuel Martinez, qué bueno que te ha gustado; el lunes buscaré algunas animaciones para poder tener más opciones. Saludos.
jajajajaja que bien se ve la araña
ResponderEliminarPD:ojala nadie se asuste xD
saludos!
[quate]jajajajaja que bien se ve la araña
ResponderEliminarPD:ojala nadie se asuste xD
saludos
Jajaja,es siertoo!!Mira si alguien despues te denuncia por haloween???xD
Jeje Potro mil gracias de nuevo, esta bien jevi esa ara~a, lol.
ResponderEliminarMuy apropiado y tan sencillo de aplicar.. :)
ResponderEliminarSaludos!
Gracias, eres un genio, ya la pusé. Saludos
ResponderEliminarfabian, podemos intentar poniendo mi foto para que se asusten, jaja.
ResponderEliminarManu, ¿qué es jevi?... (?)
Turko, qué milagro verte de nuevo por acá, como siempre bienvenido =)
DE INTERES, me alegra que te haya gustado. Saludos.
Hola Potro, te deseo mucho exitos en tus labores y al mismo tiempo quisiera saber si tendria usted la amabilidad de ayudarme, me estoy desvelando mucho con algo que no puedo hacer y se q tu podrias ayudarme por tus vastos conocimentos en el tema, para mi es algo muy complicado pero seguramente q para ti es pan comido, ok aki voy: Cambie la cabecera de mi BLOG por una IMAGEN, y kiero q la imagen (cabecera) tenga un enlace al mismo blog (inicio) pero no logro hacer eso solo esta la cabecera pero sin enlace, he invertido alrededor de 10 horas en 2 dias en eso (xq soy muy perseverante pero son las 3:13 am aki) pero ya no puedo mas, te agradeceria q me ayudaras por favor, mi blog es: http://blogunah.blogspot.com/ y mi email es arielgcb2007@gmail.com MIL GRACIAS El Potro, QUE DIOS TE BENDIGA.
ResponderEliminarHola potro se que no tiene nada que ver xD pero me podrias pasar la direccion de tu favicon es que hace poco hice una faviconera y quiero añadir a ciudad blogger :)
ResponderEliminarsaludos!
Potro jevi es como divertido, bien, creo k en tu pais le dicen chido a eso.
ResponderEliminarPara: EL POTRO
ResponderEliminarsin duda lo comparto esta es la direccion http://www.calacas.com.mx/animados/gifs/hangskeleton.gif
Para los demas si quieren poner el esqueleto agregenlo
como Gidget con el mismo codigo que el potro puso solo cambien la posision donde dice left por right. pero obiamente cambien la direccion donde esta alojada la arañita por el del esqueleto
lo explique bien EL POTRO?
jejeje no se explicar eres mejor tu el potro sale hay explicales Bien se ve rifado la calaquita verdad?
AQUI ENCONTRARAN MAS http://www.calacas.com.mx/animados/entrada.html
Hola @rielCastellanos,
ResponderEliminarBastante complicadas ese tipo de plantillas. El problema es que la imagen que pusiste de "cabecera" no es realmente la cabecera, sino el outer-wrapper, pero hiciste bien, ya que como cabecera no la acepta.
Lo que puedes hacer es poner una imagen transparente encima de la que ya tienes, y a esa aplicarle el enlace.
Entra en Diseño > Edición de HTML, marca la casilla Expandir artilugios y busca esta parte y agrega lo que está en negrita.
(Revisa línea por línea este código y si ves algo que no está en tu plantilla agrégalo también)
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='blogunah (cabecera)' type='Header'>
<b:includable id='title'>
<A expr:href='data:blog.homepageUrl'>
<img src='http://i34.tinypic.com/20pscbk.png'/>
</A>
</b:includable>
<b:includable id='description'>
<H2>
<data:description/>
</H2>
</b:includable>
<b:includable id='main'>
Como ves abarca casi todo el logotipo, excepto una parte pero te aseguro que nadie lo notará.
Saludos.
Lo olvidaba, esta parte:
ResponderEliminar<H2>
<data:description/>
</H2>
Puedes quitarla, es la descripción del blog y tú ya la tienes en la imagen que has puesto, así que no te servirá.
Joel, Mil disculpas con la imagen pero por más que quise trabajarla no pude hacer que se vea bien sobre fondos oscuros =(
ResponderEliminarfabian, muchas gracias por incluirme, esta es la URL del favicon:
http://dl.getdropbox.com/u/647003/favicon.GIF
Ya te agregué al mini directorio de faviconeras.
Saludos.
Manu, gracias por ampliar mi vocabulario =)
unrealmat, muchas gracias, a ver si mañana publico más imágenes incluyendo la calaquita. Saludos.
Gracias potro ya te agregue :D
ResponderEliminarGracias a ti, saludos!
ResponderEliminarmuy bien potro
ResponderEliminareesta muy bien
esto lo he colocado en uno de mis blogs
espero por mas animaciones
gracias
Mira potro encontre un varios fantasmas
ResponderEliminarhttp://www.gifmania.com.pe/terror/fantasmas/Fantasma_04.gif
http://www.gif-animados.net/gifs2/tfantasma2.gif
http://www.mundomatero.com/imagenes/fantasma6.gif
una casa embrujada
http://www.yodibujo.es/_uploads/_tiny_galerie/200810/castillodracula_nmw.gif
un vampiro
http://www.sologif.net/Terror/Vampiros/vampiro-01.gif
Gracias por los aportes Alex.
ResponderEliminarSaludos!
Hola, vengo a contarte que tu arañita a sido un exito en mi blog, les he dicho que es tuya y les he puesto el Blog. Nuevamente gracias, y saludos
ResponderEliminarsi quieren la pueden poner en los dos lados ,solo tienen que repetir el script y ponerle a uno derecha y al otro izquierda right and left ,,para que se vea mejor todavia ,gracias potro
ResponderEliminarHola DE INTERES,
ResponderEliminarMe alegro que les haya gustado a tus lectores.
Saludos.
ah que bonita la araña la probe en el blog quedo perfecto n.n
ResponderEliminargracias
EL PORTO espero con ancia los resultados del concurso :)
ResponderEliminaralrato regreso aver si ya esta Publicado
Hola, solo queria agradecerte por tomarte el tiempo de resolver mi problema, mil gracias, es q el que sabe, SABE, te felicito, ya tengo el enlace en la cabecera de mi blog, MIL GRACIAS nuevamente, solo me queda una pequeña duda, como puedo hacer para que la imagen se pona mas a la izquierda y no en el centro como esta ahora? me gutaria que abarcara las letras completas de izquierda a derecha, el tamaño de la imagen transparente esta muy bien, solamente si pudiera estar desde la izquierda, de antemano gracias!
ResponderEliminarDatos: http://blogunah.blogspot.com/
Atte. @rielCastellanos
Hola @rielCastellanos,
ResponderEliminarBusca esta parte de tu plantilla:
#header {
margin: 5px 5px 5px 170px;
text-align: left;
color:#000000;
}
Cambia el 170px por 5px, de ese modo la imagen transparente abarcará todas las letras del título.
Saludos!
Hola de nuevo, nuevamente gracias, solucionaste por completo (100%) el problema que tenia, de veras, llevaba dandole vueltas muchas horas antes de preguntar pero es de esto no se mucho, pero valio la pena preguntarte, gracias.
ResponderEliminarAqui una reflexion:
"Saber que se sabe lo que se sabe y que no se sabe lo que no se sabe; he aquí el verdadero saber." Confucio
Definitivamente el que cree saberlo todo no sabe nada =)
ResponderEliminarMe alegro que se haya solucionado tu problema.
Saludos.
bean mi blog es http://eduardo-950.blogspot.com/
ResponderEliminaresta chido
ResponderEliminar¿Donde esta lo de body?
ResponderEliminarHola Zar,
ResponderEliminarEntra a Diseño > Edición de HTML y con las teclas CTRL + F busca esa etiqueta.
Saludos.
antes que nada... quiero felicitarte bro por los 41 comentarios!!!!!!!!!!! eres magnífico!!!!
ResponderEliminarEste truco lo vi por primera vez en poloiproducciones, el blog de Juli... y ahora veo que lo debe haber sacado de aquí..jajajajjaa...
Todos los dias veo blogs que tienen tus trucos!!! me imagino como debes sentirte... estas sembrando trucos por toda la WEB!!!!
Un abrazo!!!
Si es la misma araña fea entonces sí la sacó de acá, jaja. Perdón pero es que esta araña me salió con unos bordes blancos espantosos; pero esa es la idea del Halloween, espantar! jaja.
ResponderEliminarUn abrazo!
La verdad es que no pensé que la araña gustara tanto, y el año pasado vi decenas de blogs que la usaron, así que pues me da mucha alegría que les sea de su agrado :D
ResponderEliminarEXCELENTE YA LA PUSE, LOS FANTASMAS ESTAN MUY LENTOS PERO COMO MENCIONASTE QUE EN LAS PLANTILLAS DE BLOGGER NO FUNCIONA BIEN........PUES YA QUE LE HACEMOS, PERO LA ARAÑA NO SE ESCAPO. GRACIAS!!!!
ResponderEliminarSí, es una lástima que en esas plantillas no ande muy bien, pero la araña se ve genial en tu blog :)
ResponderEliminarla araña se ha quitado =S
ResponderEliminarLa URL de la imagen está funcionando bien Enrique, probablemente eliminaste el código por error.
ResponderEliminarA mi también me ha desaparecido, aunque sale una pestaña con una cámara de fotos (¿?). No se si será el mismo caso que Enrique.
ResponderEliminarGeniales tus ideas, Potro, para estos días de Halloween!!
Gracias!
En tu blog sí veo la araña funcionando. De cualquier modo ya he cambiado la URL de la imagen para asegurarnos que no sea el servidor que está fallando, así que si lo deseas puedes copiar el nuevo código.
ResponderEliminar¡Saludos!
Este comentario ha sido eliminado por el autor.
ResponderEliminarHola Potro, Te Saludo Y Te Digo Que Tu Web Es Genial.
ResponderEliminarTe Dejo Mi Correo Para Charlár Por MSN y Preguntarte Varias Cosas Sobre Blogs.
Chaooo.!!!
carlos-kane@hotmail.com
http://todoluchas1.blogspot.com
Para el que quiera decorarse a si mismo de halloween
ResponderEliminar:)
http://www.vivirsencillamente.com/2011/02/mejores-disfraces-para-halloween.html
Muy interesante el blog, la verdad es que me vienen muy bien y estoy pensando en todo lo que tengo que hacer para halloween, entre otras cosas elegir una de estas mascaras de halloween pero lo que tengo claro es que voy a poner esta araña en mi blog. ¡Gracias!
ResponderEliminarQué bueno que me lo recuerdas para empezar a ver qué adornos podemos poner este año en el blog con motivo del Halloween :)
ResponderEliminarBah! Cómo que la ‘ñañara’ no te quedó bien Potro, si es toda una obra de arte amigo… ya lo he decidido, la colocaré y aparte un cursor calaverístico de tus otros post quedarían perfectos, para no sobrecargar el blog como bien me lo aconsejaste en otro artículo.
ResponderEliminarLa idea es que asusten (bueno es un decir, tampoco esperamos infartar a todo el mundo…).
Saludos y muchos más éxitos ;)
Bueno, bueno, confiaré en tu buen juicio de que mi arácnido no quedó tan mal como pensé :D
ResponderEliminar¡Éxitos para ti también!
Eres lo máximo, siempre recurro a ti para decorar mis blogs. Siempre se ven de lo mejor!
ResponderEliminarGracias Areka :)
EliminarGracias amigo tu tienes todo lo necesario para el blog.
ResponderEliminarGracias a ti por tu comentario y visita!
Eliminar