Corazones cayendo en la página

6 de febrero de 2010 106 comentarios ,
love is in the air

Ya se acerca el 14 de febrero y en muchos países se celebra el día del amor, a los enamorados y la amistad. Así que podemos darle algo de inspiración al blog para que se sienta que el amor está en el aire.
Recordé que había un script de Eloi Gallés Villaplana que tenía otros fines pero que podía modificar para crear este efecto de corazones volando en la página.

Puedes ver un ejemplo en este blog de pruebas.

Implementarlo en tu blog es de lo más sencillo, sólo copia el contenido de este archivo y entra en Diseño | Añadir un gadget | HTML/Javascript y pégalo ahí.

Así de simple verás corazones que caen en tu página inundando el ambiente de romance... emoticono love


106 comentarios en:

" Corazones cayendo en la página "

  1. Respuestas
    1. Sí... Yo soy hombre pero lo tengo puesto porque aquí en Colombia celebramos El día de amor y amistad o San Valentín en septiembre.

      Eliminar
  2. Jaja, me gustaría poner esos corazonsitos y demás, pero... eh... bueno... como decirlo... a... eso, mi blog todabía no funciona... jeje XD "."

    Nos vemos

    ResponderEliminar
  3. Si hubiera un premio al más desesperado lo ganabas!
    Jajajaja.

    Saludos!

    ResponderEliminar
  4. Haha Weeno Siip. Eso Siip Hahaha xDD! Mejor Pa'l Día De San Valentin xDD!

    ResponderEliminar
  5. Fíjate que si veía este post apenas me levantaba, entre lo romático del paisaje con las calles de mi ciudad todas inundadas (que parecía venecia), y los corazones volando, capaz me volvía tierno XD...jajajajajaja..

    Que lindo truco Bro, y muy sencillo de aplicar!

    Un abrazo!!!

    pd: muy bueno el logo!!!

    ResponderEliminar
  6. Una taza de café en la mano y estabas listo para un comercial de Nescafé viendo las calles de Venecia.
    (Nótese que estoy inspirado, jajaja)

    Un abrazo!

    ResponderEliminar
  7. Una pregunta.

    Que estilo de letra usas.

    saludos

    PD: Creo que algun dia no sabras cual es ciudad blogger con tantos blogs de pruebas jaja

    ResponderEliminar
  8. De hecho mejor abrí otra cuenta para los blogs de pruebas porque sí era todo un lío mi escritorio :S
    El de este es Arial y Tahoma como segunda opción.

    Saludos!

    ResponderEliminar
    Respuestas
    1. Oye una pregunta!! ya hice todo lo ke dijiste pero me dice que solamente debe tener 2.080 caracteres como maximo que hago= :(

      Eliminar
    2. ¿De qué caracteres hablas? o.O

      Eliminar
  9. La Tahoma es la de Facebook no??
    A mi me gusta descargarme fuentes de redes y webs famosas y algunas cosas divertidas, me descargué la Pico de Twitter, la del Pet Society, jojo, quería ver si existía la de digg y no la encontré, la terminé haciendo yo, ya que son medio cuadradas, jeje

    ResponderEliminar
  10. Noup, al parecer es la Lucida Grande pero retocada.

    ResponderEliminar
  11. Yo siempre pensé que era la Tahoma, es que también es muy parecida... Guau, entonces la Lucida Grande de facebook no la venden supongo... será secreto de facebook...

    Maldición...

    Pero... la fuente Arial no viene con el windows? Es casi imposible que un ordenador no tenga arial, entonces la tahoma casi nadie la va a ver...

    Un saludo!

    ResponderEliminar
  12. Whoa Potro si que estabas Inspirado pero me fascino ese corazon que hiciste con Ciudad Blogger
    No me imagino haciendo uno yo por que ahora ya no tengo Photoshop
    Te felicito por el post, no se si agregarlo, pero veo si no aumenta el tiempo de cargar la web por que luego mis webs tardan bastante tiempo pero Gracias por el Post, que bueno que te dio interes esta fecha

    ResponderEliminar
  13. Bueno, me parece que me vieron cara de idio** y me estafaron en ese lugar, son unos chorros!
    Bueno, en fin, la próxima lo compro en name.com que me dijeron que es lo mejor, jeje!

    ResponderEliminar
  14. Orale muy Bueno.
    pero no seas mala onda y enseñanos a poner la musiica de fonde como el de tu blog de pruebas que ni se ve el reproductor enseñanossss xDDDDDDDDD

    ResponderEliminar
  15. Alex, no lo hice yo, lo hice con un generador de imagenes ;)

    Ascesino96, la empresa de los dominios no te estafó, tu dominio está ahí, sólo son problemas de configuración.

    ıllıllı★Criss Mitchell★ıllıllı, no es un truco en especial, sólo usé un reproductor de música normal pero le cambié el alto para que no aparezca.

    ResponderEliminar
  16. Me encantó la idea. Ya te la copié un poquito,¿vale?jejeje.Ahora mi blog está enamorado :O jijiij.

    ResponderEliminar
  17. OK, aunque aún no aparece... ya mandé un mail por las dudas, porque si dentro de 30 minutos no aparece se habrán cumplido las 48 horas... por sierto, en el panel de blogger, donde vas a publicación, configuración y todo eso, no toqué nada por las dudas, pero hay unas letras que dicen: "Enhorabuena, tu blog está listo"

    Y abajo dice eso de que se redireccionará y eso...

    Aunque bueno, esto es todo culpa mía, tendría que haberle pedido a otro que lo configure...

    ResponderEliminar
  18. Daniela, puedes copiar todo lo que quieras que para eso está ;)

    Ascesino96, no sé por qué pero algo me dice que el problema está en tu configuración de Blogger y no en el dominio, tendría que ver cómo lo hiciste.

    ResponderEliminar
  19. bueno, esto, te añado como administrador del blog y tu le hechas un vistaso... cual es tu mail de blogger??, pero, esto, no le hagas nada al querido... :)

    Muchas gracias Potro!

    ResponderEliminar
  20. te agregué, cuando aceptes te pongo como administrador...

    ResponderEliminar
  21. Jajajajajaja... ya me imagino.. el humo saliedo del café, la cara de placer... XD

    Un abrazo!!!

    ResponderEliminar
  22. Esta muy bien para estos dias, gracias! He empezado hace poco con mi blog www.cocinasolares.blogspot.com y tu pagina me esta encantando, mil gracias

    ResponderEliminar
  23. Qué bueno que te ha gustado el contenido ;)
    Suerte y mucho éxito con tu blog!

    ResponderEliminar
  24. Hola de nuevo!! Esos corazones estan simplemente increibles, kise ponerlos ya pero cuando doy click en "este archivo" aparece una pagina con los corazones por toda la pagina, por lo cual supongo ke no es eso lo ke deberia salir o si? Tu eres el Maestro y te toca iluminar mi ignorancia jajaja. Gracias de antemano!!!
    besos!!!!

    ResponderEliminar
  25. Hola Merlina,

    Posiblemente hiciste click en el blog de pruebas. Te dejo el enlace del archivo en cuestión:
    http://dl.dropbox.com/u/647003/CiudadBlogger/Scripts/Corazones-cayendo.txt

    Que te queden lindos :)
    Besos!

    ResponderEliminar
  26. jajajajaja Ups!! Bueno, desde la primera vez, como te puse arriba, di click en "este archivo", y pues no sale >>> Puedes ver un ejemplo en este blog de pruebas. <<< obvio ese es el blog de pruebas donde tienes un poema y todo el rollo con Love is in the air, muy ad doc con la ocasion
    >>>> Implementarlo en tu blog es de lo más sencillo, sólo copia el contenido de este archivo <<<< aki es donde yo doy click y aparece una pagina totalmente en blanco, solo con una lluvia de corazones, en la barra de direcciones sale el link ke amablemente me diste en tu respuesta, lo copie de todos modos y al darle enter siguen saliendo corazones alados, ningun archivo para copiar =(

    ResponderEliminar
  27. Ummm qué extraño, posiblemente tu navegador está interpretando los códigos y por eso aparecen los corazones.
    Ya lo subí en otro servidor para que puedas descargar el archivo completo y ya no tengas problemas.
    http://sites.google.com/site/ciudadbloggerfiles/Home/Corazones.txt

    Saludos.

    ResponderEliminar
  28. Exactamente!! Estaba interpretándolos!! Con éste ya pude sin problemas. Ni modo, dada la próxima fecha melosa, te agradeceré de acuerdo a la ocasión:
    eres un amoooooooooor!!!!
    Gracias gracias gracias gracias!!
    Besitos y un gracias MAS por tomarte la súper molestia de subirlo a otro servidor!! =*

    ResponderEliminar
  29. Pues seamos melosos pues... ♥♥♥

    Besos!

    ResponderEliminar
  30. Ni de coña soy capaz...no sé si tendré alguna historia que impide que funcione... :( al igual que con los cursores...no hay manera...

    ResponderEliminar
  31. Hola Drusilada,

    Cuando se tienen demasiados scripts siempre hay conflictos entre ellos. En tu caso tienes el texto que sigue al cursor, nieve cayendo y muchos gadgets que también requieren scripts. Con todo eso no va a funcionar.

    Saludos.

    ResponderEliminar
  32. Hola Potro, no se que he hecho mal pero no me salio, y estba super emocionada, porque la arañita de Haloween fue un exito. Bueno ni modo. Un fuerte abrazp

    ResponderEliminar
  33. Hola SOLO DE INTERES,

    Debe ser el mismo problema que han experimentado otros, algún script que tiene conflicto con este.

    Saludos.

    ResponderEliminar
  34. por favor, alguien mepuede decir donde esta el código?

    ResponderEliminar
  35. ya lo tengoooooo es que soy de un burrooooooooo

    ResponderEliminar
  36. mi querido potro, un saludo especial desde chile de su amiga tiernita, gracias por todo, para nosotros no solo es el dia del amor si no tambien de la amistad..
    gracias por permitir este lazo a travez de estos mensajes y blog...
    felicidades amigo y a todos quienes lean.. besitos
    tiernita. :)

    ResponderEliminar
  37. Gracias tiernita, te mando un abrazo grande hasta Chile y feliz día del amor y la amistad!

    ResponderEliminar
  38. puse los corazones cayendo y me quedó hermoso......
    graciassssssss una vez mas osea miles de veces gracias :)

    ResponderEliminar
  39. Siii se ve muy lindo, hasta yo me estaba animando a ponerlos :D
    Besos!

    ResponderEliminar
  40. Yo necesito que me digan algo xfaaa por q nose publicar muchas fotos en el costado del blogger, en donde esta mi perfil y todo eso..por favor q alguien me diga mi msn es


    lucianna_maktub@hotmail.com

    entren a: http://un20defebrerode1967.blogsport.com yo quiero que mi blog tenga las fotos al costado como tiene ese blog q me ayuden porfavor!!

    ResponderEliminar
  41. Hola LuCiana K-DuB,

    Entra en Diseño > Elementos de la página > Añadir un gadget y selecciona del menú el elemento Imagen, ahí podrás subir tu foto.

    Saludos.

    ResponderEliminar
  42. Y no podría hacerse para que en lugar de corazones fura como gotas de lluvia y que cayeran un poco más rápido?

    Es que yo con esto de la programación, por ahora no sé mucho...

    http://drawer4everyone.blogspot.com/

    ResponderEliminar
  43. Claro, al inicio del código dice esto:

    var velocidad = 40
    var imagenamor = "http://i49.tinypic.com/v86md.gif"

    Ahí cambias la velocidad donde se indica y abajo sustituye la URL de la imagen por la que deseas.

    ResponderEliminar
  44. Ya he cambiado el diseño de los corazones por el que mejor quedaba en mi blog...
    Gracias por tu ayuda Potro.

    ResponderEliminar
  45. Cuando dices Diseño > Elementos de la página > Añadir un gadget > HTML/Javascript y pégalo ahí.
    En que programa????

    Muchas gracias

    ResponderEliminar
  46. Hola Webs,

    Este blog está enfocado para Blogger, por lo tanto esas indicaciones son para usuarios de Blogger, aunque si usas otra plataforma quizá también puedas usarlo colocándolo debajo de la etiqueta <head> o <body>

    Saludos.

    ResponderEliminar
  47. ok muchas gracias .
    Tengo una consulta . Tu correo cual es para enviartela.
    Gracias

    ResponderEliminar
  48. Por el momento no estoy atendiendo las consultas por correo, pero puedes hacer por este mismo medio tu pregunta.

    ResponderEliminar
  49. Necesito saber como se hace lo siguiente:
    Una persona rellena un formulario y al enviar se graba en el servidor y se envia al correo predefinido.Luego el webmaster puede revisar los formularios grabados.
    He buscado por la web y no lo encuentro. Necesito algo que sea muy sencillo.

    ResponderEliminar
  50. Puedes hacer un formulario con EmailmeForm, los datos que llene el usuario en el formulario se enviarán a tu correo.

    ResponderEliminar
  51. Gracias ....y como hago para que se guarde un registro de los Formularios hechos.
    Muchisimas gracias por adelantado

    ResponderEliminar
  52. En tu cuenta de Emailmeform aparecerán todos los formularios que tengas, y el número de veces que se ha usado. Y en tu correo podrás consultar siempre los formularios que se enviaron.

    ResponderEliminar
  53. Hola , tengo un flash(swf) y quiero que salga al principio .
    Luego al terminar que salte a un archivo llamado index.html.
    ¿Como lo hago?

    Gracias

    ResponderEliminar
  54. Esas características sólo se permiten en páginas web, no en los blogs de Blogger.

    ResponderEliminar
  55. Gracias . ¿¿Sabes donde podría encontrar esa información ??

    ResponderEliminar
  56. ESTO SE PUEDE HACER CON NIEVE SIN NECESIDAD DE PONERLA EN EL CURSOR O OTRAS IMAGENES

    ResponderEliminar
  57. Hola Carolina,

    Aquí hay uno con nieve.
    Saludos.

    ResponderEliminar
  58. Potro de que manera puedo hacer que los corazones se vallan hasta abajo del blog y no solo se queden hasta los 768 px creo

    ResponderEliminar
  59. Busca en el script esta parte:

    var i, doc_ancho = 1024, doc_alto = 768

    Cambia el 768 por otra altura, aunque generalmente no queda muy bien, pero claro, igual depende de cada plantilla.

    ResponderEliminar
  60. Ya lo hice, pero los corazones llegan a donde mismo es decir desaparecen al llegar a esa altura

    ResponderEliminar
  61. Yo cambie los corazoncitos por mi logo en png y nitido solo tengo ese problemita que quisiera que bajaran mas

    ResponderEliminar
  62. Es que en sí el alto es únicamente para considerar el tamaño del monitor y que cuando la página esté maximizada puedan verse, pero una vez que se baja la página con el scroll se dejan de ver.

    ResponderEliminar
  63. Ok te agradezco mucho y gracias por todos tus aportes, te invito a visitarnos www.exajutiapa.com

    ResponderEliminar
  64. Amigo Potro, sabes como cabiar los corazones por otras imagenes? o en que pagina encontrar mas modelos?

    ResponderEliminar
  65. Hola Víctor,

    Busca al inicio del código esta parte:
    var imagenamor = "http://i49.tinypic.com/v86md.gif"

    Eso que está en negrita es la URL de la imagen de los corazones, sólo eliminala y en su lugar pon la URL de la imagen que deseas.

    ResponderEliminar
  66. potro esta muy chevere. en el de pruebas jajajaja
    lo intente colocar en un blog que le estoy creando a un amigo y no funciono copie el codigo que le diste a merlina pero tampoco funciono. que pasara?????


    entre otras saludes a bloggero yo pense que era colombiano con todo lo que he leido jajajjaajja

    ResponderEliminar
  67. Este no funciona en la plantilla que usas :\

    ResponderEliminar
  68. Oleeeeeeeeeeeeeeee
    me fascinan
    gracias............

    ResponderEliminar
  69. Hola, nuevamente tengo tengo problemas, creo que soy la que más le cuesta, nome dan los corazones,"No hemos podido guardar tu plantilla
    Por favor, corrige el siguiente error y envía la plantilla de nuevo.
    No se ha podido analizar su plantilla, porque no está bien formada. Asegúrese de que todos los elementos XML se han cerrado correctamente.
    Mensaje de error de XML: The markup in the document following the root element must be well-formed.
    No se que eswtoy haciendo mal, ni entiendo XML, me podrias ayudar?
    Gracias

    ResponderEliminar
  70. Hola SOLO DE INTERES,

    Recuerda que el contenido del script debes pegarlo en Diseño > Elementos de la página > Añadir un gadget > HTML/Javascript

    Si lo pegas directo en la plantilla te marcará esos errores, es por eso que debe ir dentro de un gadget.

    Saludos.

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

    ResponderEliminar
  72. Hola Potro, intente poner esto pero no me aparece la imagen me aparece como cuadraditos que bajan (lo que yo eleji fue una foto de una hoja) y aparte solo en la parte de abajo del blog, donde ya no hay fotos.
    Otra pregunta la foto que yo eleji tiene fondo blanco, lo que va a caer va a ser la foto tal cual la veo o recortada?
    Gracias

    ResponderEliminar
  73. y otra pregunta si yo elijo por ejemplo que sean pelotitas, hay alguna manera de que por ejemplo reboten cuando toquen los bordes o fotos ?

    ResponderEliminar
  74. Hola pamela,

    Si sólo ves unos cuadritos entonces significa que la URL de la imagen está mal, tendrías que revisar que la URL de la imagen es correcta.
    Ésta se verá tal como es, si la imagen tiene un fondo blanco entonces también se verá el fondo blanco de la imagen. Para que no tengan fondo necesitas encontrar una imagen en formato PNG que tenga transparencias.

    Lo de las pelotitas no es posible con este script pues no tiene las funciones para que realicen el efecto que deseas.

    Saludos.

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

    ResponderEliminar
  76. Gracias Potro, pude encontrar una foto en formato PNG , lo queme faltaria saber es como ahcer para que se vean desde el comienzo del blog y para achicar la imagen ya que me sale enorme gracias,

    ResponderEliminar
  77. Para que salgan desde arriba necesitas mover el gadget donde lo pusiste al lugar más alto que puedas, por ejemplo debajo de la cabecera.
    Lo del tamaño no se puede modificar en el script, necesitas usar una imagen que tenga las medidas que deseas.
    Saludos.

    ResponderEliminar
  78. Perdona estoy intento decargar el archivo y me dice que no existe. Podrías volver a ponerlo?

    ResponderEliminar
  79. Hola beita_lcmc, acabo de revisar el enlace del archivo y está funcionando normalmente, prueba hacerlo de nuevo.

    ResponderEliminar
  80. Gracias por ponerlo!!Pero a mi no me funciona...Puede estar relacionado con que uso el Diseñador de Plantillas de Blogger?Me podrías decir alguna manera para que sin dejar de utilizar el diseñador de plantillas pueda poner esto en mi blog??Por favor ayudame me encantan los corazones!!

    ResponderEliminar
  81. En las plantillas del Diseñador sí funciona pero es mejor poner el gadget debajo de la cabecera o arriba de las entradas.

    ResponderEliminar
  82. Lo intentaré yo lo puse en la derecha de mi blog,a ver si lo pongo como tu me dices me funciona.Espero que si.Gracias!!

    ResponderEliminar
  83. hola!
    es muy linda la idea pero... muy cursi, se pueden cambiar los corazones por otra cosa??
    en otro comentario vi que se podian cambiar por hojas, pero ni minima idea de como hacer eso!
    Podrias decirme? si puedo cambiar los corazones... seria perfecto!
    gracias!!

    ResponderEliminar
    Respuestas
    1. se puede cambiar la velocidad y la cantidad de corazones??

      Eliminar
    2. Mira el comentario #47, ahí verás cómo cambiar la velocidad y la imagen de los corazones.
      Ahí mismo en el script verás que dice var numero = 8, esa es la cantidad de corazones que aparecerán.

      Saludos.

      Eliminar
  84. Hola...lo he puesto desde el año pasado...es un amor, gracias.Tengo esta pregunta que ya has respondido pero no hay otra forma de hacer que los corazones bajen hasta el final del blog?He ido a este blog "http://kc-exquisite-dezign.blogspot.com/" y estan en la pagina completa, pero en el mio ni modo, al alcanzar el largo del monitor se disuelven,alguna nueva ayuda?.Por lo demas mil gracias por todos los aportes, he guardado un "montonzote" :).Feliz Dia.

    ResponderEliminar
    Respuestas
    1. Hola Lora, el viernes publico una entrada sobre ello ¿vale? :)

      Eliminar
  85. Hola, me encanta tu blog, me ayudaron mucho con el mio, espero no te moleste si pongo el URL de mi pagina http://editandounmundodeilusiones.blogspot.com/
    espero te unas ;)

    ResponderEliminar
  86. No logro encontrar casi nada de lo que mencionas aqui: por ejemplo, abro mi Blog y...sale la lista hacia abajo con: Vision General- Paginas-Comentarios- Google- Estadisticas-Ingresos- Diseño-Plantilla y- Configuracion. Parece que tengo otra version de Blogger , o ...no sé....
    He logrado insertar a Santa tirando regalos, tambien puse una musica de fondo (la que me suena en todos mis Bloggers y ni idea como quitarla y dejarla que solo funcione en UNA sola pág.)
    Pero igual encuentro interesante tu pagina.
    Gracias

    ResponderEliminar
    Respuestas
    1. Hola wanderito, lo que pasa es que estas entradas se publicaron cuando existía la antigua interfaz (hace unos meses fue cambiada), así que algunas cosas no están en el lugar de antes, pero poco a poco voy actualizando las entradas, como esta misma que ya he actualizado.
      Saludos.

      Eliminar

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
I Ciudad Blogger