TRUCOS y
TUTORIALES
para tu blog
No, no vendemos
camisetas... aun
Camiseta Ciudad Blogger

Trineo de Santa Claus en el blog

18 de diciembre de 2010 | Número de comentarios111 comentarios
Por si aún no has puesto alguna decoración navideña en tu blog, esta es una bonita opción para engalanar tu blog con un simpático Santa Claus (o Papá Noel) volando con su trineo en la parte superior del blog.
Puedes ver a este simpático viejito pascuero en este blog de pruebas.

Una de las ventajas que tiene esta decoración es que no requiere ningún script ni nada que esté chino, sino que nos apoyaremos de la etiqueta marquee para conseguir este efecto.

Para colocarlo en tu blog sólo basta con entrar en Diseño | Edición de HTML y antes de </body> pegar lo siguiente:
<marquee scrolldelay='100' style='position:fixed; top:0; right:0; z-index:9999; width:100%;'><img src='http://lh4.ggpht.com/_dsEG33PDaHw/TQ1oyHhC1II/AAAAAAAAAfY/Q3bFWecjwcE/trineo-de-Santa.gif' /></marquee>
En donde dice scrolldelay='100' se controla la velocidad con la que se mueve el trineo, con un número menor se moverá más rápido.
Si quisieras que se mostrara en la parte inferior del blog entonces cambia donde dice top:0; por bottom:0;

Y así de sencillo tendremos a un lindo Santa Claus con su trineo viajando por el blog.


111 comentarios :

  1. te tiene loco la navidad wn, jahaha saludos potro

    ResponderEliminar
  2. Más que nada quiero que Santa Claus veo la mucha publicidad que le hago para que así me traiga muuuuuuchos regalos este año :D

    ResponderEliminar
  3. Hola Potro tengo el blog que parece el escaparate de unos grandes almacenes :D pero este Papa Noel está genial, no sé si podré evitar el no ponerlo jajajajjajajaa, gracias

    ResponderEliminar
  4. Despreocúpate que esta es la única época del año en la que no está mal visto que el blog parezca justamente un árbol de Navidad con tantas decoraciones :D

    ResponderEliminar
  5. jajajajaja que guapo ha quedado HO HO HOOOO!!! jajajaja gracias Potro ;)

    ResponderEliminar
  6. una pregunta, si ya colocaste algun codigo antes de body, podes colocar este tambien?,, se entiende lo que digo?

    ResponderEliminar
  7. LINDO, ya lo habia visto pero con otra tegnica que tal con unas estrellas: http://auxilionesecitoayudaconmyspace.blogspot.com/ lastima que ese blog lo cerrara pues space live ya no se puede editar ni crear nada

    ResponderEliminar
  8. MaG@S RaDioMuSiC, a ver si no se electrocuta con las luces :P

    WadiisZ, por supuesto, no hay problema, incluso puedes ponerlo dentro de un elemento HTML/Javascript si lo prefieres.

    Jane vulturi, pues de hecho con este mismo código se puede cambiar la imagen por alguna otra, por ejemplo la de las estrellas.

    ResponderEliminar
  9. Desde ayer que andaba comentando xD y, queria preguntarte si no hay forma de que caiga hasta abajo la nieve, mi fije por algunos lados y encontre esto: http://www.quierocrearunblog.com/2009/12/copos-nieve-hasta-final-pagina-blogger.html lo probe y no me funciona.. en rrealidad quiero adornar bien mi blog, pero no puedo xD me podrias ayudar? mi blog es sobre la pagina de Stardoll.com osea, mi blog es AdiictaaStardoll.blogspot.com
    GRACIAS!!!

    ((ya habia dejado este mismo comentario en la entrada de hacer nevar tu blog o cualquier otra pagina web))

    ResponderEliminar
  10. Gracias Potro... me quedó rechulis... Feliz Navidad ciudadanos.

    ResponderEliminar
  11. Gracias, Potro, este lo he puesto en ese blog que llevo, está muy simpático, jeje.
    Un abrazo

    ResponderEliminar
  12. jajajajajajaja has visto Potro?, el traje rojo debe ser aislante e inífugo ya decía yo... que la nariz del primer reno, la llevaba encendida jajaajaja, pero ha quedado genial, muchísimas gracias Sr Potro

    ResponderEliminar
  13. pues esta muy bien, pero en mi caso solo recore un trozo pequeño de la pantalla no toda la pantalla y me interesaria eso

    ResponderEliminar
  14. Gracias potro! Me ha quedado ideal!!
    Saludos,
    Patricia

    ResponderEliminar
  15. Potro queda bellísimo, he optado por otra cosa...Papá Noel te está espiando, tanto hablar de él, súper súper regalos jajaja

    Saludos de domingo :)

    ResponderEliminar
  16. Muy bonito.

    Como poner a Santa de extremo a extremo en el blog?

    ResponderEliminar
  17. WadiisZ, ya te he respondido en la otra entrada.

    Claudi, ¡feliz Navidad igualmente!

    Sofía Serra Giráldez, me alegro que te haya gustado. Un abrazo!

    MaG@S RaDioMuSiC, jaja, espero que en el trineo lleve un extintor de fuego!

    ResponderEliminar
  18. pos_ch, en el caso de tu blog debe ser por algún elemento más que hace que en Google Chrome suceda eso, pues en los demás navegadores, por ejemplo en Mozilla Firefox se ve completo.

    Pat.mm, Yeli♥love, qué bueno que les ha gustado :)

    Graciela, esa es la doble intención, ahora esperemos que dé resultados y la mañana del 25 haya muchos, muchos regalos :D

    Roy, ¿a qué te refieres con ponerlo de extremo a extremo?

    ResponderEliminar
  19. Hola Potro, soy fiel lectora de tu blog y me ha ayudado muchísimo con el mio. Te felicito.
    Hoy te consulto porque encontrè que no puedo ver las entradas del blog, ni por el archivo, ni por las etiquetas ni al serlas expandibles.
    Podrìas ayudarme

    Mi blog es Discapacidad Digital: http://discapacidaddigital.blogspot.com

    Mil gracias de antemano

    Ingrid

    ResponderEliminar
  20. como lo ago para que el "viejito pascuero" como le dicen aka en chile, se vea de extremo a extremo del blog, osea de un lado hacia el otro que navege todo el blog de izkerda a derecha, saludos

    ResponderEliminar
  21. Que bonito!!, gracias lo colocare en mi blog..

    ResponderEliminar
  22. Excelente como siempre ;D
    PD: Podrias poner un truco poniendo como poder editar los "seguidores" es decir que cambie lo que pone "seguir", cambiar estilo o cosas asi.

    ResponderEliminar
  23. Ingrid Sanz, ¿recuerdas qué cambio hiciste antes de que eso sucediera?

    MCarlitooH2, después de <marquee agrega behavior="alternate" sólo que cuando vaya de regreso parecerá que está de reversa pues la imagen no se rota.

    Yeimi, KatoGd, qué bueno que les ha gustado :)

    Toptrucos/Emilio, lamentablemente al gadget de seguidores no se le puede hacer casi ningún cambio.

    ResponderEliminar
  24. Muy bonito y que fácil resulta cuando lo das todo hecho. Gracias por tu solución , tengo a los Reyes Magos asomando sus cabezas por mi blogs, te gratificaría con un buen jamón de pata negra, pero como eso no puesde ser te nombro pata negra oficial de los blogueros.

    ResponderEliminar
  25. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  26. Hola, me refiero a que Santa recorra todo el ancho del blog. Lo he probado en IE, GC y Opera, pero no ocurre.

    ResponderEliminar
  27. Hola, agregué los iconos de navidad y ntes las páginas estáticas

    ResponderEliminar
  28. Jajaja que padre santa jajaa y no hay uno de los Reyes Magos? :D jajaja ya lo implemente jajaj aunque debido a que todo lo que veo en este blog lo quiero implementar en el mio creo ya se ve medio exagerado jajaja :D

    Gracias por todo y felices fiestas :D

    http://web-zorros-itq.blogspot.com/

    ResponderEliminar
  29. Nadie, gracias por el nombramiento :D

    Roy, mira lo que le he respondido a MCarlitooH2 en el comentario #25

    ResponderEliminar
  30. Potro, este adorno si que va bien!!! HO;HO;HOOO....
    Lo he colocado en todos mis blogs. Funciona a la perfección.
    Gracias, gracias por compartir tanto.
    Saludos.

    ResponderEliminar
  31. Ingrid Sanz, acabo de probar nuevamente usando el gadget de Archivo del blog y veo que ya está funcionando, supongo que ya lo has arreglado.

    Tu Padre, jaja, lo sé, a muchos les pasa lo mismo, ya están sobre cargando el blog con tanto adorno navideño :P

    ResponderEliminar
  32. Gracias Potro por tu respuesta. Otra consulta más, si yo en picasa borro imagenes que no me sirven, recupero el espacio para subir imagenes en blogger?

    ResponderEliminar
  33. ESNAPRI, me alegro que todo haya resultado bien :)

    Pozo+10™, efectivamente, pero si las borras de Picasa también se eliminan del blog, mira esta entrada que tiene más información sobre ese tema.

    ResponderEliminar
  34. Hola Potro, les quiero recomendarles este articulo de mi blog son botones coloridos para blogger.
    http://www.tips-blogger.co.cc/2010/12/botones-coloridos-en-blogger.html
    Saludos

    ResponderEliminar
  35. Si Potro sabía que se borran, solo borre unas 200 por el hecho de que muchas estaban 4 o 5 veces ni idea por que :S y como todas las imagenes tienen alrededor de 10mil visualizaciones, y las otras repetidas 0, ahí me di cuenta cuales debía borrar.
    Un gran saludo, y muchas gracias por la ayuda brinda a todos los que tenemos blogs! :D

    ResponderEliminar
  36. Una pregunta¿ como se hace para borrar la fecha de la primer entrada que tengo? La puse como una bienvenida pero le quiero quitar la fecha.
    XD

    http://rockclasico1.blogspot.com

    ResponderEliminar
  37. Potro no me funciono lo que me dijiste para que el viejo pascuero atravesara todo el blog de kostado a kostado, mira mi blog
    www.vacilandounrap.blogspot.com


    saludos D:

    ResponderEliminar
  38. Emilio, mira esta entrada de Vagabundia que explica cómo hacerlo:
    http://vagabundia.blogspot.com/2007/09/cmo-ocultar-la-fecha-de-un-post.html

    MCarlitooH2, sí funciona, lo que pasa es que al parecer Google Chrome ya no está aceptando todas las propiedades de la etiqueta marquee, si lo miras en Firefox verás que trabaja sin problema.

    ResponderEliminar
  39. Muy bueno potro,
    oye he querido poner emoticones a curiosidades del mundo, pero no hayo la forma no quedan deberias hacer un post de emoticones

    ResponderEliminar
  40. Hey Potro: Una vez mas te la comiste con este post. Lo puse y quedo muy bien. Se me ocurre que este codigo sirviera tambien para colocar alguna imagen diferente. No se, quiza un banner publicitario o anuncio de alguna novedad de tu pagina. Sin Embargo, quisiera saber si existe la posibilidad de que en vez de que se desplace horizontalmente, pueda hacerlo verticalmente de arriba a abajo y que se pueda colocar de forma que salga por alguna de las bandas derecha o izquierda (Las que estan fuera de la sidebar) para aprovechar ese espacio. Feliz Navidad Potro

    ResponderEliminar
  41. jejjejejej Está muy gracioso, Potro¡¡¡¡
    Y nada, que pasaba por aquí a saludarte y dejarte mis buenos deseos para la Navidad y el Año Nuevo.
    Disfrútalos como un niño¡¡¡¡
    Feliz Navidad para ti y los tuyos
    Un abrazo, besos

    Ío

    ResponderEliminar
  42. Amigo Potro:
    Estupendo, para no copiarte todo, he cambiado la imagen del código y el resultado ha sido el mismo, le da alegría navideña al blog.
    Felices Navidades, eres maravilloso.

    ResponderEliminar
  43. AlexG, ¿has probado los del Escaparate? hay uno ahí (no recuerdo bien cuál) que funciona muy bien.

    ________________________________ , por supuesto, agregando direction="up" o direction="down" después de <marquee puedes hacer que se mueva hacia arriba o hacia abajo. Y la posición se puede controlar cambiando donde dice top:0; right:0; por otros valores como bottom:0; left:0;

    ResponderEliminar
  44. Gracias lo voy a probar a ver que tal.
    XD

    (•)>

    ResponderEliminar
  45. Ío, ¡qué gusto tenerte de visita en la Ciudad! Muchas gracias por tus deseos, ¡igualmente feliz Navidad! Besos.

    Ricardo Ribalda, ¡me ha encantado esa imagen que elegiste! ¡Felices Navidades también para ustedes!

    ResponderEliminar
  46. Hola potro!
    Mira necesito que me ayudes con algo. Lo que pasa es que yo puse en mi blog el plugin o cuadro "me gusta" de facebook en mi blog, y en el mommento tengo 7 seguidores, pero cuando estoy en la pagina dentro del cuadro solo se visualizan 3 y queda un espacio grande alli haciendo nada.
    y entonces cuando eso pasa entro a la opagina en facebook y hago algo asi como actualizar y vuelvo al blog y tambien actualizo entonces ahora si puedo visualizar a los 7 seguidores, pero ya cuando entro al otro dia vuelve y aparecen nada mas 3 seguidores de nuevo...
    Me ayudas porfavor?

    ResponderEliminar
  47. Es genial,lo tengo puesto en mi blog y queda estupendo.Muchas gracias por tu ayuda.¡¡¡FELIZ NAVIDAD¡¡¡
    Un saludo.

    ResponderEliminar
  48. phenomenum, debe tratarse de un problema con el plugin de Facebook, siendo así no sabría cómo ayudarte :(


    AMPA- IGE, ¡Feliz Navidad!

    ResponderEliminar
  49. excelente aporte potro ya lo puse en uno de mis blogs y se ve genial!!!

    ResponderEliminar
  50. Gracias potro he puesto el trineo,copos de nieve y las luces de navidad y me ha quedado buenisimo!

    ResponderEliminar
  51. Esta buenisimo pero no habra alguna forma de que recorra todo, me refiero de lado a lado porque como se corta se mira algo feo

    ResponderEliminar
  52. Wenas :D necesita ayuda men para ver si me dices como puedo montar algo .SWF al BLogger.! GRacias :D

    ResponderEliminar
  53. Amigo Potro, pasé a dejarte mí saludo y desearte una muy Feliz Navidad y un próspero año 2011.

    Que en el 2011 cumplas todos tus sueños.

    ResponderEliminar
  54. Endo, sólo en Google Chrome se ve así, en los demás se ve completo.

    colegio mixto la popa, mira esta entrada.

    ResponderEliminar
  55. Hola Vku,

    Te lo agradezco mucho. Igualmente te deseo todo lo mejor para este año que viene para ti y toda tu familia.

    ¡Feliz Navidad!

    ResponderEliminar
  56. hola potro mira se que esto no se trata del tema pero necesito q me ayudes tengo mi web y necesito que en la parte principal o sea entradas del blog solo se vea el indice, y que el contenido de las entradas que publico no se vean mira esta es mi web espero tu respuesta hermano por favor http://www.serviciotecnicopro.co.cc/

    ResponderEliminar
  57. Bueno Potro. Un aficionado que te sigue habitualmente con tus soluciones.

    Me he permitido poner en mi blog este trineo sin tú permiso.

    Gracias por todas las clases magistrales y espero que tú y los tuyos paseis una feliz navidad.

    ResponderEliminar
  58. No es necesario mi permiso Fores, puedes tomar todo lo que hay aquí para tu blog ;)
    ¡Feliz Navidad igualmente!

    ResponderEliminar
  59. ¿Hay alguna forma de que la cabecera o el fondo del blog vaya cambiando a medida que se hace más de noche en la vida real? Como ocurre en este foro: http://foro.mianimalcrossing.com/

    Gracias y disculpa el comentario, ya que no tiene que ver con el tema de la noticia.

    ResponderEliminar
  60. gracias El Potro por este regalo navideño jajaja oye una pregunta ??? emmmm puede programarse para que pase solo 1 vez el viejo pascuero y no a cada rato ? jajaj muchisimas gracias y visita mi blog es una radio online con chat y webcam

    http://www.portalfoxmix.net

    gracias de antemano y feliz navidad. atte DJFOX CHILE

    ResponderEliminar
  61. Agrega después de marquee esto loop=1
    ¡Feliz Navidad igualmente!

    ResponderEliminar
  62. Hola!!

    Potro! como haces para que en tu página de respondones no se pueda seleccionar el texto del post! Gracias!

    ResponderEliminar
  63. Ea, trataste de copiar ¬¬ jajaja, mira esta entrada, ahí se explica cómo evitar que te copien imágenes y texto del blog.

    ResponderEliminar
  64. Potro te envié un mensaje sobre el anuncio 125x125!

    ResponderEliminar
  65. Hola espero que estés bien. ¿Como pones como una entrada o algo de bienvenida que aparezca siempre en el inicio??
    Feliz Navidad¡¡¡

    http://rockclasico1.blogspot.com

    ResponderEliminar
  66. Una opción sería agregar un intro como lo explican en Oloblogger:
    http://oloblogger.blogspot.com/2010/02/otra-pantalla-de-presentacion-facil.html

    O bien, crear una entrada de bienvenida y dejarla siempre arriba.

    ResponderEliminar
  67. Muchas gracias. Voy a probar los dos métodos a ver cual me gusta mas.
    Que tengas una ¡¡FELIZ NAVIDAD!! y gracias por todos tus consejos, trucos, etc.

    ResponderEliminar
  68. Gracias Emilio, igualmente feliz Navidad!!!

    ResponderEliminar
  69. A este blog donde acudo tantas veces para conultar y a su autor, le deseo que sea feliz no solo en estas fiestas sino en todos los dias de la vida.
    Un año más gracias.
    Un abrazo.

    ResponderEliminar
  70. me gusto mucho, pero tengo una duda cambiando el tema... cuando creo una imagen para un gadget de mi blog, cuando la subo, sale con peor calidad y no me queda un buen resultado, ¿como puedo hacer que se vea en buena calidad?

    ResponderEliminar
  71. ¡Feliz Navidad y próspero Año Nuevo!

    ResponderEliminar
  72. Hola, Potro!
    Hoy no vengo a molestarte con preguntas, pidiendo ayuda.
    Sólo quiero dejarte un saludo y desearte lo mejor para el nuevo año además de agradecerte por toda la ayuda prestada.
    Sé feliz y cuídate. Gracias de nuevo y hasta pronto.
    ¡¡ FELIZ NAVIDAD Y AÑO NUEVO !!

    ResponderEliminar
  73. Anna Jorba Ricart, muchas gracias, de igual manera mis mejores deseos para este y todos los días :)

    Toptrucos/Emilio, la única forma que se me ocurre para que eso no suceda es que utilices formatos que no se corrompen fácilmente como PNG pues regularmente el formato JPG se "mancha" al subirlo a la red.

    Rosa, ¡Igualmente feliz Navidad y mis mejores deseos para este año venidero!

    ESNAPRI, nunca es molestia, siempre es un gusto leerte por estos rumbos. Gracias por acordarte y... ¡Feliz Navidad!

    ResponderEliminar
  74. hola potro feliz navidad para ti y los tuyos muchas gracias por esa dedicación hacia nosotros los simples mortales que aprendemos día con día con tus trucos y la ayuda que nos das! felices fiestas

    ResponderEliminar
  75. Muchas gracias por tus amables deseos ¡Felices fiestas!

    ResponderEliminar
  76. Feliz Navidad Potro y muchas gracias por tu trabajo.
    Un saludo

    ResponderEliminar
  77. Muchas gracias Gildo, ¡igualmente feliz Navidad!
    Saludos!

    ResponderEliminar
  78. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  79. Gracias mi buen Potro, admiro tu capacidad de compartir lo tuyo con los demás y ¡Feliz navidad!

    ResponderEliminar
  80. Te agradezco tu comentario :)
    ¡Feliz Navidad!

    ResponderEliminar
  81. como puedo quitar el trineo de santa y la nieve de mi blog??? No lo consigo!!!!

    ResponderEliminar
  82. Sólo busca el código que se menciona en esas entradas y eliminalo.

    ResponderEliminar
  83. Genial, iba buscando una pequeña decoración para Navidad, que no fuera muy cargante (léase, ni muchas luces ni villancicos de fondo). Este simpático Santa me cae bien, y creo que repartirá regalitos por mi blog estas navidades. Gracias por compartirlo.

    ResponderEliminar
  84. Sin duda es una decoración nada ostentosa que cumple con el objetivo de alegrar el blog para estas fechas venideras.
    Saludos ^(.)^ Silvia ^(.)^ :)

    ResponderEliminar
  85. Ey! Que chulo! tengo una duda, ¿y si lo quiero estático? ¿Qué hago? :)

    Felicitaciones por el blog!

    ResponderEliminar
  86. Gracias iRle! GingerGirl :), de hecho queda estático (flotante), es decir, aunque bajes la página se seguirá viendo.

    ResponderEliminar
  87. Hola, se podrá poner un mensaje abajo del gift? por ejemplo: Vienen mis regalos 2012!!!

    ResponderEliminar
  88. Claro, justo antes de </marquee> agrega esto:
    <p>Vienen mis regalos 2012!!!</p>

    ResponderEliminar
  89. Y se pueden colocar también estrellitas azules en el blog o en el ratón, que cada vez que se mueva el ratón deja la escuela de estrellitas azules?

    Gracias desde ya por la respuesta^^

    un abrazo

    ResponderEliminar
  90. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  91. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  92. Rebecca, hay un cursor con destellos que se le puede cambiar el color, quizá ese pueda interesarte:
    http://ciudadblogger.com/2009/12/cursor-con-destellos.html

    ResponderEliminar
  93. Crisdoltex, S.L., lo que pasa es que el trineo es una imagen que ocupa todo ese espacio, si lo pones te tapará los elementos que haya debajo, en este caso tapará el menú que tienes.
    Quizá quieras hacer que se muestre en la parte de abajo como se explica en la entrada.
    Saludos.

    ResponderEliminar
  94. Hola Potro.
    He vuelto a poner este Papá Noel en el blog, ya que se acercan las fechas. Pero he visto que en chrome se queda parado y solo se mueve si mueves el scroll de la pantalla, es decir, si con la rueda del ratón te mueves arriba o abajo por la pantalla entonces Papá Noel también se mueve de derecha a izquierda. Si detienes el scroll entonces Papá Noel también se para. He probado cambiando el "scrolldelay" pero si pongo cualquier número que no sea 100, entonces solo se les ve la nariz a los primeros renos en el margen izquierdo de la pantalla y no se mueven. ¿Como lo soluciono?
    Un saludo y gracias.

    ResponderEliminar
    Respuestas
    1. Hola Arandelas 281, yo tengo chrome y no tengo ese problema (en un blog de pruebas), tendría que ver el blog donde lo has puesto para revisar porqué puede pasar.

      Eliminar
    2. Gracias Potro. Es un blog privado.
      He puesto el mismo código que el otro año, pero este por lo que sea, va mal. Tengo un par de gadgets con mensajes que corren con y al poner este de Papá Noel también se quedan atascados.
      Un saludo.

      Eliminar
  95. Hola de nuevo. He visto que en explorer no pasa. He quitado el Papa Noel del código y he visto que en chrome los dos gadgets que tengo con marquee funcionan igual de mal. Va a ser el css de la nieve en el fondo del blog. Es lo único nuevo que he añadido este año. Como en explorer lo de la nieve no funciona, todo lo demás va bien, lo contrario de lo que ocurre en chrome. Aquí la nieve funciona pero todo lo que lleva marquee funciona mal.

    ResponderEliminar
    Respuestas
    1. Sigo sin saber en cuál blog lo has puesto para revisar el código pues como te repito, yo uso Chrome y siempre me anda bien,

      Eliminar
  96. Hola El potro , estoy buscando algo sobre los reyes magos y no encuentro nada en tu buscador.¿Sabes si tienes algo?.Un saludo.

    ResponderEliminar
  97. Gracias amigo por tú respuesta , investigaré por ahí a ver si encuentro algo.Feliz Navidad.

    ResponderEliminar

Los comentarios están siendo moderados y serán publicados una vez que hayan sido revisados por un administrador.
Si tu blog contiene material protegido por derechos de autor habilita tu perfil y deja únicamente el nombre de tu blog, no dejes la dirección del mismo, de lo contrario el comentario será eliminado.

 
Ir Arriba Ir Abajo
¿Te gusta Ciudad Blogger?