Texto en movimiento (animado) que sigue al cursor

Hoy les presento un Gadget  Divertido para que seguimos con las mejores maneras de mejorar a nuestro Blog.

Se trata de un Gadget que lo visto en unos Blogs por internet, que hace que el texto persiga al cursor pero en forma giratoria, cuando el cursor se mueve el texto lo sigue en forma ondulante y al detenerse gira alrededor del cursor

Para agregar este efecto al puntero de tu blog es muy sencillo, sólo copias el código de abajo y lo pegas en tu blog en Diseño-> Elementos de página-> Añadir un gadget-> HTML/Javascript .

Copiar Codigo




 (Aquí les dejo este tutorial con video si no sabes como y donde añadir un Gadget en tu Blog ).

Para ajustar este Gadget a tus necesidades puedes cambiar esta parte del codigo :


// Mensaje
var msg = "Bienvenidos a Gadgets para Blogger";


// Tamaño de la letra
var size = 22;


// Determina si es ovalado o circular, 1 es circular, 2 es ovalado
var circleY = 0.75; var circleX = 2;


// Espacio entre cada letra
var letter_spacing = 5;


// Diametro del circulo
var diameter = 10;


// Velocidad de rotacion
var rotation = 0.2;


// Velocidad de reaccion
var speed = 0.3;


 Lo que esta en rojo es lo que tiene que modificar para personalizar este Gadget Divertido.

 Para modificar el color, estilo de la letra y otras cosas, busca estas líneas en el código :

font-style: italic; ( borra esta línea para que las letras no se muestren en cursiva )

font-weight: bold; (borra esta línea para que las letras no se muestren en negrita)

font-family: verdana, arial; (Tipo de letra)

color: #000; (Color del texto: lee Código de colores RGB)

Si te ha gustado este post con sobre como poner un texto en movimiento que siguel al cursor, no dudes en suscribirte al feed RSS de GadgetsBlogger.com para recibir todos los días la últimas novedades sobre como mejorar tu blog.
.

Compartelo!:

38 comentarios:

  1. se ve divertido ppero en mi blog no aparece lo pege y nanda pero aqui si sale no entiendo copie el codigo taly como esta
    saludos y espero tu respuestta

    ResponderEliminar
  2. Sorry, a mi me pasa lo mismo que el comentario anterior. Primero me fue difícil copiar el código porque tendía a copiar el texto en movimiento. Cuando al fin logré copiarlo, no aparece como dices en las modificaciones, por ejemplo para cambiar a óvalo o tamaño letra, etc
    Te visitaré nuevamente para ver que me dices.
    Gracias,
    Yasmin

    ResponderEliminar
  3. Hola Amigos, Buupath Y Manos de chicureo el gadget funciona perfectamente yo no entiendo lo que dices ustedes que fui muy dificil para copiar el codigo ,mueve un poco el cursor a un lado y despues lo acerca rapido sobre el codigo y lo puedes copiar muy facil ,y para personalizarlo es muy facil si sigues los pasos de ariba ,el mio esta personazido ,he cambiado el color,el texto,la velocidad de girar ,asi que ten un poco de paciencia para estudiarlo bien ,y ja se puede hacer todos los pasos para personalizarlo.Un saludo y espero que les ayuda mis consejos.

    ResponderEliminar
  4. Gracias Admin por tu pronta respuesta. Insistiré en el tema porque hace mucho tiempo que quería tenerlo.
    Yasmin

    ResponderEliminar
  5. yo he seguido los pasos y no funciona a ver si te has equivocado y hay que colocarlo en el codigo de la plantilla

    ResponderEliminar
  6. Hola Oscarcete ,este texto en movimiento es un Gadget ,no es un codigo htm o xml para pegarlo en la plantilla ,yo no me echivoco ,solo tiene que copiar el codigo del gadget y pegarlo en "Añadir un Gadget" en tu Blog , a los otros usuarios de ariba ya le funciona el texto entra en sus blog para verlo .Un saludo

    ResponderEliminar
  7. copio y pego en añadir un gadget tal como dices.. pues añadí ya algunos y no me funciona... me ayudas??

    ResponderEliminar
  8. ALEX09:22

    Q VA NO FUNCIONA

    ResponderEliminar
  9. Sí debes haberte equivocado porque a mi tampoco me funciona. Somos varios. Debes darle una ojeada tal vez has cometido un error.

    ResponderEliminar
  10. Hola a todos ahora ya funciona el codigo de este gadget "Texto en movimiento (animado) que sigue al cursor" .Un saludo a todos

    ResponderEliminar
  11. Espectacular.... a mi no me funcionaba, pero hoy lo volví a intentar y ya me sale

    ResponderEliminar
  12. Hola Angelica Rocco ,gracia por confirmar que te funciona el Gadget.Un saludo y un buen dia.

    ResponderEliminar
  13. BUENISIMO!! A MI SI ME FUNCIONO!!! GRACIAS :D...SIEMPRE SALGO CONTENTA CON USTED JEJE!! :D

    ResponderEliminar
  14. Hola @Bella ,me alegro que te gusta nuestros gadgets para mejorar tu Blog .Un saludo y gracia por tus comentarios

    ResponderEliminar
  15. Holaaa a mi si me funciona, esta lindo, y queria preguntarte, ya que he visto en algunos que son estrellitas que siguen el puntero como se hace?...gracias por ayudarnos...exitos!!!

    ResponderEliminar
  16. Holaaa yo otra vez...tengo un problema, no logro escribir en "cursiva" como las primeras veces, ya fui a diseño > plantilla > personalizar > avanzado y tengo salvado la letra que me gusta, pero al escribir tengo de nuevo la opcion de seleccionar la letra, escribo en cursiva y en negro, pero cuando voy al blog no salio de la forma que quiero, como le hago porfa....gracias.

    ResponderEliminar
  17. Hey a mi tampoco me funciona

    ResponderEliminar
  18. gracias muy gracioso el gadget

    ResponderEliminar
  19. Qué gracioso!!ya lo tengo puesto!!

    ResponderEliminar
  20. Jaja!! Esta excelente. Gracias admin!!Le cambiè el texto por un Felìz Navidad!! y el color con una paleta RGB anexada y quedò buenìsimoooo!!. Si quieren verla entre aquì: [url]vamosalaplayadewilly.blogspot.com[/url]

    ResponderEliminar
  21. Muchisimas gracias por todos sus aportes. Acabo de poner "bienvenidos" en mis blogs. Uds hacen todo más fácil.-

    ResponderEliminar
  22. Gracias, lo puse y me funciona perfecto! Gracias por tu ayuda

    ResponderEliminar
  23. Anónimo06:50

    muchisimas gracias por el gadgets sigue adelante felicidades por el blog

    ResponderEliminar
  24. no me agarra!!! una pregunta en google chrome se ve no?

    ResponderEliminar
  25. quedo buenisiiiiiiiimo visiten mi blloog http://todonicoriera.blogspot.com/

    ResponderEliminar
  26. ¡Muchas gracias Admin. Estoy estrenando este mundo y caí a esta página y ¡salió al primer intento! Sos totalmente didáctico. GRACIAS muchas otra vez. Si hasta le he podido cambiar el color. Cuando considere que lo tengo que quitar ¿puedo hacerlo sin problemas? Y es mi primer comentario en una página. Conste. In lack'ech

    ResponderEliminar
  27. Muchas gracias otra vez, porque siguiendo tus instrucciones de cambio, también lo he podido reducir y hacer más lento ¡maravilloso!Y ya sé que lo puedo cambiar cuando quiero. Lo he estado investigando porque tengo que aprender. Bendiciones!

    ResponderEliminar
  28. Anónimo05:34

    Es curioso pero poco efectivo

    ResponderEliminar
  29. Hola yo lo pude pegar, pero lo que no entendi es donde podemos personalizarlo, no puedo hacerlo.. :(

    ResponderEliminar
  30. hola oigan ando buscando una aplicacion que sirve para que lo que escribo en mi pagina de facebook se publique en mi blog http://pottersgd-oficial.blogspot.mx/

    esque el blog no lo actualizo pero facebook si asi que me alludan

    ResponderEliminar
  31. re chevereeeee miren como q do mi blog
    http://tecnologiaeinformatica2019.blogspot.com/

    ResponderEliminar
  32. eso no se puede poner en globeb

    ResponderEliminar
  33. ¡El Moustro Tragacursores no se hace más pequeño!

    ResponderEliminar
  34. Miren deben poner el codigo y luego vista previa si no les anda busquen en su blog ahi les aparecera ami me funciono
    http://princeeenmg.blogspot.com.ar/search?updated-min=2013-01-01T00:00:00-08:00&updated-max=2014-01-01T00:00:00-08:00&max-results=20

    ResponderEliminar
  35. Muchas gracias por poner estos gadgets, me encantan

    ResponderEliminar
  36. ME FUNCIONA PERFECTO GRACIAS X EL APORTE

    ResponderEliminar

- Antes de hacer una consulta (pregunta), por favor utiliza el Buscador.

- Por favor, cualquier otra pregunta que tengas, la puedes hacer en la entrada correspondiente.

- Haremos todo lo posible por responderte o acusarte recibo antes de 24 horas. A veces, podremos hacerlo, otras veces no será posible, y nos tomará un poco más… ten paciencia.

- Los comentarios que a mi criterio se escriban solo para dejar un enlace o un link seran eliminados.

- ¡Muchas gracias por comentar o por preguntar!