Cursor con corazones que se desvanecen

11 de febrero de 2012 121 comentarios ,

No vayan a creer que este blog cambiará de nombre a "Las tardes románticas con El Potro" o algo así parecido, es sólo que estas últimas semanas he recibido varios correos donde me piden que publique cosas alusivas al mes del amor, así que por eso estamos derramando miel y corazones por todas partes.

Bueno, si ya movieron el cursor ya se dieron cuenta de qué trata el truquillo. Es un cursor que al moverlo desprende corazones por el blog, luego éstos se multiplican y se desvanecen.

El script es nuevamente de Giffy, aquél que nos trajo al Santa Claus volando la Navidad pasada.

Para poner este cursor de corazones en tu blog, entra en la Edición HTML de tu plantilla, y antes de </body> pega este código:
<script type="text/javascript" src="http://blogparts.giffy.me/0010/parts.js"></script><p style="text-align: center;margin:0;padding:0;"><a href="http://giffy.me/baby/"><img style="border:0;" src="http://blogparts.giffy.me/0010/parts.png" alt="はじけるハートの足跡ブログパーツ" /></a></p><p style="text-align:center;font-size:12px;margin:10px 0 0 0;padding:0;"><a href="http://twi1.me/">[PR]面白ツイート集めました</a></p>

Guarda los cambios y listo. Pero ojo, el código agregará un banner en japonés al final de la página. Sino quieres que aparezca entonces el código que deberás usar es este:
<div style="display:none;"><script type="text/javascript" src="http://blogparts.giffy.me/0010/parts.js"></script><p style="text-align: center;margin:0;padding:0;"><a href="http://giffy.me/baby/"><img style="border:0;" src="http://blogparts.giffy.me/0010/parts.png" alt="はじけるハートの足跡ブログパーツ" /></a></p><p style="text-align:center;font-size:12px;margin:10px 0 0 0;padding:0;"><a href="http://twi1.me/">[PR]面白ツイート集めました</a></p></div>

Ya cada quién sabrá si deja el banner o no. Aun así es de esos scripts que sólo usaremos un tiempo muy corto para no empalagar a nuestros lectores :)
Mientras tanto, Vive l'amour!



121 comentarios en:

" Cursor con corazones que se desvanecen "

  1. Que clase de brujeria es esta xD
    Muy bueno se agradece como siempe potro :D

    ResponderEliminar
  2. muchas gracias potro aunque mi blog no es muy de amor y no lo pondré xd pero esta muy bueno salu2 buen fin de semana

    ResponderEliminar
    Respuestas
    1. gracias a tus post puse corazoncitos enmi blog graciasssssss

      Eliminar
  3. debe ser por eso de san valentin pero como que yo cada dia te miro mas guapo potro XD
    gracias por el cursor a las chicas les gustara

    ResponderEliminar
    Respuestas
    1. Podría ser coincidencia o no cutexmas, porque yo también me miro cada día más guapo, jajaja.

      Eliminar
  4. QUE BONITO ademas lo pones en la pag principal de tu blog ....♥♥♥

    ResponderEliminar
    Respuestas
    1. Sólo en esta entrada como ejemplo, pero al menos en la portada se verá durante el día de San Valentín :)

      Eliminar
    2. OYE UNA PREGUNTA NO ME SALE ESO DE ANTES DE ''BODY '' OEGAR EK CODIGO

      Eliminar
    3. En la Edición HTML, como se menciona en la entrada.

      Eliminar
  5. Muy bueno lo pondre en mi blog, mi blog tampoco trata de nada sobre el amor pero es muy bueno darle un toce al sitio sobre el mes y la fecha que trata sea, halowen navidad o san valentin.

    ResponderEliminar
    Respuestas
    1. ¡Así se habla! Hay que mantener el espíritu de las festividades, y más si se trata de celebrar al amor.

      Eliminar
  6. No puedooo!!! me dice esto: Restablecer plantillas de artilugios a los valores predeterminados

    ResponderEliminar
    Respuestas
    1. No tienes que hacer click en algún enlace u otra opción, sólo pegar el código donde se indica.

      Eliminar
  7. Potro ¿Por qué en la lista de lecturas no aparecen mis entradas?
    Me hice sgeuidora de mi propio blog con otra cuenta para ver si llegaban correctamente, pero aparecen entradas de haces semanas.
    Sabes que puede estar mal?
    Gracias
    Abrazos desde Perú. Rizel

    ResponderEliminar
    Respuestas
    1. Siempre anda lenta la lista de lecturas, eso es bastante común. Aun así, asegúrate que tu feed esté funcionando, que el tamaño del feed no se haya excedido, y por si acaso envía un ping.

      Abrazos.

      Eliminar
  8. Hola Potro un saludo inmenso desde colombia, mi inquietud no tiene nada que ver con esta publicacion, perdona mi atrevimiento.
    mi inquietud es la siguiente deseo utilizar un iframe que adapte su altura dependiendo se su contenido interno, he buscado un poco y se que se hace con autoheight.js pero no he podido implementarlo, te agradeceria que pudieras colaborame, muchas gracias por tu tiempo y te felicito que magestuoso blog

    ResponderEliminar
  9. Hola Potro un saludo inmenso desde colombia, mi inquietud no es hacerca des esta entrada, perdona el atreviemiento.
    mira mi inquietud es la siguiente, quiero que un iframe detecte automaticamente la altura de su contenido interno, he leido y buscado un poco y se que se puede hacer con autoheight.js pero sin embargo ni he podido implementarlo, te agradeceria que pudieras colaborarme, gracias por tu tiempo y te felicito que super blog...

    ResponderEliminar
    Respuestas
    1. Hola Mayck,
      Puedes usar medidas en porcentajes, en este caso al 100%, para que el iframe entienda que debe ampliarse al 100% del ancho y alto que tenga el contenido.
      Pero claro, es indispensable que donde lo pongas sea lo suficientemente grande para que el iframe quepa completo.

      <iframe src="URL de la página" width="100%" height="100%" />

      Eliminar
    2. Potro gracias por tu respuesta, pero lastimosamente no me sirve pues le agrega un scroll cosa que no quiero scrolling="no" y si se lo quito no me aparece todo, he intentado de muchas formas pero nada la unica que me falta es con autoheight.js pero no he sido capaz. gracias

      Eliminar
    3. Si agrega el scroll entonces porque el contenedor no es lo suficientemente grande para mostrar todo el iframe, pero no es por el iframe.
      También puedes agregarle al iframe la propiedad scrolling="no" para que no muestre el scroll, pero, aun así, todo está en el espacio donde lo pongas.

      Eliminar
  10. Bueno, de vez en cuando ya va bien ponernos un poco románticos, ¿no?. Al fin y al cabo lo que mueve el mundo es el amor. Besos y gracias. Buen finde!

    ResponderEliminar
    Respuestas
    1. Tu lo has dicho Dudu, que así sea entonces :)
      Buen fin de semana.

      Eliminar
  11. Esta chiro!, lo malo es que aqui en Colombia esta lejos aun el San Valentin, pero este truquito quedará archivado para cuando llegue esta fecha romántica esperada por todos los romeos y julietas...jejeje

    ¡Gracias y Saludos Amigo Potro!

    ResponderEliminar
    Respuestas
    1. Vale, vale. Ahí estará el truquillo para cuando quieras usarlo ;)
      Saludos.

      Eliminar
  12. Lindo truco Potro y que bueno que seas tan romantico, aunque pensar en cambiar de nombre a tu blog es demasiado jajaja, gracias un abrazo ♥

    ResponderEliminar
    Respuestas
    1. Jajajaja, no, no, el nombre no. Era sólo una aclaración para que no fueran a pensar que iba a hacerlo :P
      Otro abrazo para ti.

      Eliminar
  13. aaaahhhhhhhhh........una más de romanticismo Potrito, anda enamorado muchacho!!! pillin.... jajajaja, gracias como siempre!! Bendiciones!!!

    ResponderEliminar
  14. No importa use, el otro, el de los corazones que se desvanecen y se ve genial!!!!
    gracias, tu siempre con tus novedades!!!

    ResponderEliminar
    Respuestas
    1. Gracias a ti por tu visita ROCIO, el otro de los corazones que caen también está muy bonito para decorar el blog estas fechas :)

      Eliminar
  15. muy lindo,pero tenia un cursor que me desaparesio al poner esto
    alguna solusion potro?

    ResponderEliminar
    Respuestas
    1. No lo he usado junto con algún otro cursor, pero supongo que si desapareció entonces debe ser que sólo se puede usar uno a la vez.

      Eliminar
  16. ¿Cómo se puede hacer para cuando le des clics salgan menos corazones?

    ResponderEliminar
    Respuestas
    1. No tiene opciones de configuración Iván :(

      Eliminar
  17. Hola, me urge una cosa, si me la respondes te prometo que no te vuelvo a preguntar nada en 15 días, para que no fastidiarte tanto jeje, se trata de lo siguiente. estoy trabajando en un blog para un amigo y trata de lo siguiente:

    pasa que el blog con zoom al 100% se ve bien, pero si le bajo o subo el zoom el main y la sidebar se descuadran y la sidebar queda arriba y el main abajo.

    http://www.elbailetelodatodo.es/

    ese es el blog, por favor, que yo no encuentro el problema y tú eres un genio en esto. Un saludo y en serio gracias por todo el esfuerzo, siempre eres el mejor en blogs de ayuda.

    ResponderEliminar
    Respuestas
    1. Pues te voy a fallar esta vez Eddy, porque con las cuestiones del zoom nunca he comprendido bien las cosas ;(

      Eliminar
    2. He hechado un vistazo al blog y el problema está en el menú. Concretamente en los links de Inicio, noticias, etc.

      Sólo tienes que quitar el 'display:block' de "div#menu li a" , y añadir 'line-height:36px;'

      Espero haber sido de utilidad

      Eliminar
    3. grax, eso lo noté, y lo resolví con un overflow: hidden en div#menu

      Eliminar
  18. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  19. Hola Potro, vaya que el blog me ha sacado de apuros en muchas ocasiones jeje.

    Tengo una duda, ¿cómo puedo aplicar ese efecto de desvanecimiento que utilizas en las citas (blockquotes) de tus posts? parece ser algo de JQuery u otro framework similar xD. De ser así, ¿podrías explicarme cómo lograr ese efecto?

    Por cierto, bonito detalle el de los corazones en el cursor =P. Salutes =D

    ResponderEliminar
    Respuestas
    1. Nada de eso HacK32, es sólo aplicar un color de fondo usando el :hover y transiciones CSS3 para crear el desvanecimiento. Más adelante haré una entrada, no precisamente sobre los blockquotes, pero sí para cualquier DIV :)
      Saludos.

      Eliminar
  20. Respuestas
    1. Tal vez, pero es sólo por unos días ;)

      Eliminar
    2. Por eso mismo es que andamos tan románticos.

      Eliminar
  21. Bonito, pero un poco molesto XD Me quedo mejor con los corazones cayendo.

    ResponderEliminar
  22. Juer.. que bueno, ahora con esto ya terminamos de empalagar los blgos Muajajajaj. Ya está funcionando en 2 de mis blogs.. y sin problemas :D

    gracias

    ResponderEliminar
    Respuestas
    1. Después del 14 tendremos que abstenernos de los dulces, sino, nos dará diabetes de tanto dulce en el ambiente :)

      Eliminar
  23. Potro una duda como instalo una font de google fonts y que solo afecte a los titulos de los gadgets ?
    Y que tenga una barra abajo ? del titulo

    Como en este blog:
    http://estrenosanime.blogspot.com/

    Mi blog:
    www.reventanime.blogspot.com

    ResponderEliminar
    Respuestas
    1. A potro te voy a volver loco la font ya se ponerla ahora solo me alta la barra negra XD esa debajo de los tiulos :)

      Eliminar
    2. Tienes que poner, en un gadget html o en la plantilla, entre las etiquetas <style> y </style> :
      .widget h2{
      font-family:**el nombre de la fuente**;
      background: none!important; /*Seguramente haga falta ya que tienes un fondo con imagen*/
      border-bottom:1px solid #999; /*Puedes cambiar '#999' por otro color cualquiera.*/
      }

      Espero que te haya sido de utilidad, aunque no sea Potro :)

      Eliminar
    3. Gracias me ha servido jeje :)
      Potro andate con cuidado tienes competencia jaja
      GRACIAS A LOS DOS

      Eliminar
  24. ¡Hola!
    Acabo de cambiar el diseño de mi blog y puse esta plantilla:
    http://btemplates.com/2009/blogger-template-flower-garden-3c/demo/
    pero tiene algunos problemas:
    1.-como vez en la cabecera las nubes se mueven y cuando cambie la imagen ya no.
    2.-Los enlaces de "entradas antiguas" y "pagina principal" estan detras de las entradas y solo se ven las letras.
    Mi blog es: http://winxclubla.blogspot.com y quisiera saber si me puedes ayudar, pues ya pobre con varias plantillas y creo que esta es la adecuada.
    Por favor ayudame.

    ResponderEliminar
    Respuestas
    1. Hola Sandra,

      Debajo de #header-wrapper { encontrarás una URL, esa es la imagen que se muestra en la cabecera, ahí debes poner la URL de la imagen que tú desees.
      Para solucionar lo de los enlaces de navegación agrega debajo de #blog-pager { esto:
      clear:both;

      Saludos.

      Eliminar
  25. Muy interesante blog. Cuántas cosas tan útiles, divertidas o tan solo estéticas, cuanto esmero del autor en la atención a sus visitantes. Definitivamente, el mejor blog de ayuda en español que he visto.

    Potro, si gusta pasar por uno de mis humildes blogs y dar su opinión, sobre cualquier aspecto, leerle será como escuchar la conferencia de un catedrático. Saludos cordiales.

    http://controvercity.blogspot.com http://juegosdivertidosycuriosos.blogspot.com
    http://ondakool.blogspot.com

    ResponderEliminar
    Respuestas
    1. Muchas gracias por tu amable comentario Jorge Luis, es un gusto saber que el "trabajo" de este blog es de tu agrado :)

      No suelo opinar sobre los blogs de los demás porque siempre he pensado que en un blog lo que importa es que sea primero del gusto del autor, el resto se va dando poco a poco, pero creo que vas por buen camino :)

      Buen inicio de semana.

      Eliminar
  26. Hola!! realmente me ENCANTO!!!!!! seguro que lo aplico a mi blog, muchisimas gracias por compartir!!
    Espero que pases un hermoso dia de san Valentin!!
    BESOS desde Tucuman-Argentina!!
    Una preguntita porque blogger no notifica cuando respondo el comentario de alguna persona, por ejemplo si tu me respondes este comentario blogger no me lo notifica...
    desde ya MUCHISMAS GRACIAS!!!! n_n

    ResponderEliminar
    Respuestas
    1. Hola NatyCIbarra, tienes que suscribirte a los comentarios para que Blogger te notifique que alguien más ha hecho un comentario en la entrada. Eso puedes hacerlo si das click abajo donde dice "Suscripción por correo electrónico".

      Besos también para ti, y que pases un lindo día de San Valentín :)

      Eliminar
  27. Muy mono !!! :D aqui no se celebra este dia !! :( FELIZ DIA DEL AMOR !!!!!

    ResponderEliminar
  28. Como Siempre Pendiente de Todas las Fechas Señaladas
    Mañana lo Aplicare a mi Blog . . .
    Es el Dia de San Valentín o Dia de los Enamorados
    En Este Lado del Planeta Galicia / España
    Gracias Maestro . . . Saludos

    ResponderEliminar
    Respuestas
    1. Aquí también . : S H @ R K : ., por eso es que estamos tan melosos :)

      Eliminar
  29. Muchas gracias Protro.. muy bueno para un dia como hoy quedó fantastico en mi blog de cine clásico..
    Hacia tiempo que no tenia tiempo de deajar un comentarios.. un abrazo maquina !!!

    ResponderEliminar
    Respuestas
    1. Sí ¡eh!, ya se te extrañaba por aquí ;)

      Eliminar
    2. al fin me desocupe.. así que imagino que me tendrás mas activo de nuevo comentando como antes.. y revisando mas frecuente las actualizaciones de esta GRAN CIUDAD !!

      de todos modos te diré que aunque no comentara cada entrada nueva que me llegaba al mail.. le daba un ojo al menos para no obsoletarme y seguir al corriente de tus genialísimos consejos :)

      Eliminar
    3. Vale, pues entonces ya nos estaremos leyendo por acá, ya sabes que cualquier cosa que se te ofrezca por aquí ando. Aquí es como Wal-Mart, abierto los 365 días del año, jajaja.

      Eliminar
  30. Hola Amigo [ EL POTRO ].

    Simplemente genial el aporte... Gracias...

    Espero que pases un bonito día.

    ResponderEliminar
  31. feliz san valentin! hoy no ha caido nada, pero una amiga me ha dicho que pronto vendra a mi mesa del instituto un osito de peluche ^^ jaja, tu te mereces no un osito, si no mil, y mas! gracias por todos estos trucos! :) no hay nadie tan grande como tu

    ResponderEliminar
    Respuestas
    1. Muchas gracias y feliz San Valentín! Luego le tomas una foto a ese oso de peluche para que nos lo presumas ¡eh! :)

      Eliminar
  32. Saludos Potro, muy buen aporte, muchas gracias, tenemos una pregunta: habrá forma de cambiar los corazoncitos por otra imagen, si es asi podremos acoplarlo a cualquier festividad no crees? jejeje gracias y esperamos tu respuesta.

    ResponderEliminar
    Respuestas
    1. Saludos Ke buena Jutiapa. Este script no tiene opciones de configuración, por lo que no podemos modificarle absolutamente nada :(

      Eliminar
  33. Hola potro, gracias por el codigo y por este cursor maravilloso, pero como se quita el cursor de corazones? Gracias

    ResponderEliminar
    Respuestas
    1. Hola LasBeautifulls.Giane, sólo elimina el código que añadiste y con eso se irán los corazones. Saludos.

      Eliminar
  34. Hola Potro, a los tiempos que no visitaba tu blog, algo ocupado con examenes finales jeje, una preguntita hermano ya que se habla de cursores aquí ¿Cómo puedo hacer que cuando pase el cursor sobre un elemento o algún texto me salga un recuadrito explicando que significa o alguna nota sobre ese elemento?

    más o menos esto es lo que quiero hacer:
    http://k12.kn3.net/DB7C22D53.png

    Gracias :)

    ResponderEliminar
    Respuestas
    1. Hola CristJian. Esos son tooltips, hay varios de ellos, aquí hay unos cuantos:
      http://ciudadblogger.com/2010/07/tooltips-con-css.html
      http://ciudadblogger.com/2010/08/tooltips-con-jquery.html
      http://ciudadblogger.com/2011/03/tooltips-con-css-en-forma-de-burbuja.html

      Eliminar
    2. Gracias! si me imagina que tenias alguna entrada explicando eso, pero no sabia como se llamaban esos cuadritos jeje :)

      Un abrazo, y gracias de nuevo

      Eliminar
  35. no se como hacerlo que alguien me ayude
    no concigo entre todos esos codigos el < body >, aparece un body y pegue el inconito pero no aparece nada

    ResponderEliminar
    Respuestas
    1. Usa las teclas CTRL + F para localizar el código, poniéndolo donde se indica deberá funcionar.

      Eliminar
  36. Me gustaria saber como saco el codigo?

    ResponderEliminar
    Respuestas
    1. Sólo busca el código que se menciona en la entrada y quítalo.

      Eliminar
  37. Lo puse en mi blog y quedo genial, muchas graciassssssssss

    ResponderEliminar
  38. hola el potro queria saber si se podia cambiar el color de los corazones
    Gracias =)

    ResponderEliminar
  39. mis respeto potro, muy bonito, muy agradecida

    ResponderEliminar
  40. Jajajajaja si que me hiciste reir con tu chiste podrias poner referido a navidad quisiera adelantarme y tener ya listo mi blog

    ResponderEliminar
    Respuestas
    1. Mira en la categoría "Festividades", ahí hay algunas cosas para Navidad :)

      Eliminar
  41. Hola potro, me gustaría saber si tienes por ahí escondido en la manga, algún cursor como el de corazones, pero con caída de hojas en otoño, o si seria posible que lo inventaras?
    Me harías un gran favor, el fondo de mi blog es una imagen de otoño, y se me ocurrió que quedaría bien una caída de hojas, hace tiempo que lo busco y no lo encuentro por ningún lado.
    Un saludo.

    ResponderEliminar
    Respuestas
    1. No tengo nada de eso Irene, te lo tendré que deber :(

      Eliminar
  42. me encanto apenita hago mi radio los INVITO http://oraleestaisenritmoysabor.blogspot.com/ NECESITO MAS AYUDITA POR FAVOR AYUDEME

    ResponderEliminar
    Respuestas
    1. Hola, ¿exactamente qué ayuda necesitas?

      Eliminar
  43. donde esta el body? no lo encuentro

    ResponderEliminar
    Respuestas
    1. hola yo tampoco solo tengo un espacio vacio para pegar

      Eliminar
  44. Disculpa que te moleste pero no me funciona, es decir, no funciona en mi blog, sería genial si me dieras un poquito de ayuda, disculpa las molestias y muchas gracias

    ResponderEliminar
  45. JAJAJA ME HAS HECHO REIR CON ESO DE TARDES ROMANTICAS CON EL POTRO JAJAJA MUY BUENO GRACIAS COMO SIEMPRE

    ResponderEliminar
  46. no me deja ponerlo dise que error algo haci que hago?

    ResponderEliminar
    Respuestas
    1. Quizá estás eliminando algo sin darte cuenta.

      Eliminar
  47. Mi blog quedo muy lindo con este cursor! :)

    ResponderEliminar
  48. me encanto el cursor te invito que veas como me quedo http://liza0000.blogspot.com/

    ResponderEliminar
  49. Hola podrias hacer uno de que diga LOVE con corazones Graciias! Muy lindo potro!

    ResponderEliminar
    Respuestas
    1. Estos no los hago yo, los ha hecho Giffy, yo sólo me he tomado el atrevimiento de compartirlo. Saludos!

      Eliminar
  50. Hola "El Potro" buenos dias, es la primer ves que comento y realmente me apena por que es para hacerte una pregunta, pero antes los elogios, he usado mucho de los recurosos que aqui publicas para diversas cosas, hoy quiero saber si asi como hay corazones pueden haber burbujas de agua, neuvamente gracias tanto por tu respuesta como por esta "cuidadBlogger" un abrazo

    ResponderEliminar
    Respuestas
    1. Gracias Andres, aunque los elogios no son necesarios ;)
      Aquí hay un cursor que desprende burbujas:
      http://www.mf2fm.com/rv/dhtmlbubblecursor.php

      Eliminar
  51. Potro disculpa que tengo que hacer para que aparezca en una entrada especifica, o solo en las que yo elija.

    ResponderEliminar
    Respuestas
    1. Jejeje! Olvidalo Potro ya lo averigue. Que te parece si me das tu opinion?
      http://md8-blackbook.blogspot.mx/2015/04/110-Lolita.y.Eddy.html

      Eliminar
    2. Me encanta el resultado :)
      Excelente caricatura por cierto.

      Eliminar

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