Cursor con texto en movimiento

31 de marzo de 2009 153 comentarios ,
Este truco es para que un texto siga el cursor del mouse. El texto puede ser el título del blog, un mensaje, o lo que quieras mostrar. Puedes ver un ejemplo de cómo el texto sigue al cursor aquí.
Para ponerlo en tu blog entra en Diseño | Añadir un gadget | HTML/Javascript y ahí pega el siguiente código:
<script language="JavaScript" type="text/javascript">

mensaje = 'EL TEXTO QUE QUIERAS';
font = 'Verdana,Arial';
size = 2;
color = 'orange';
velocidad = 0.7;

n4 = (document.layers);
ie = (document.all);
n6 = (document.getElementById);

mensaje = mensaje.split('');
n = mensaje.length;

a = size*10;
ymouse = 0;
xmouse = 0;
props = "<font face="+font+" color="+color+" size="+size+">";

if (n4)
{
for ( i = 0; i < n; i++)
document.write('<layer left="0" top="0" width="+a+" name="n4mensaje'+i+'" height="+a+"><center>'+props+mensaje[i]+'</font></center></layer>');
}
else if (ie)
{
document.write('<div id="padre" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < n; i++)
document.write('<div id="iemensaje" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props+mensaje[i]+'</font></div>');
document.write('</div></div>');
}
else if (n6)
{
document.write('<div id="padre" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i = 0; i < n; i++)
document.write('<div id="iemensaje'+i+'" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props+mensaje[i]+'</font></div>');
document.write('</div></div>');
}

if(n4)
window.captureEvents(Event.MOUSEMOVE);

function Mouse(evento)
{
if(ie)
{
xmouse = event.x+20;
ymouse = event.y+20;
}
else if(n4 || n6)
{
xmouse = evento.pageX+20;
ymouse = evento.pageY+20;
}
}

if(n4)
window.onMouseMove = Mouse
else if(ie || n6)
document.onmousemove = Mouse;

y = new Array();
x = new Array();
Y = new Array();
X = new Array();
Yaux = new Array();
Xaux = new Array();

for (i=0; i < n; i++)
{
y[i] = 0;
x[i] = 0;
Y[i] = 0;
X[i] = 0;
Yaux[i] = 0;
Xaux[i] = 0;
}

function asigna()
{
if (ie)
padre.style.top = document.body.scrollTop;

for (i = 0; i < n; i++)
{
if(n4)
{
document.layers['n4mensaje'+i].top = y[i];
document.layers['n4mensaje'+i].left = x[i]+(i*(a/2));
}
else if(ie)
{
iemensaje[i].style.top = y[i];
iemensaje[i].style.left = x[i]+(i*(a/2));
}
else if(n6)
{
eval("document.getElementById('iemensaje"+i+"').style.top = '"+y[i]+"px'");
eval("document.getElementById('iemensaje"+i+"').style.left = '"+(x[i]+(i*(a/2)))+"px'");
}
}
}

function ondula()
{
y[0]=Math.round(Y[0] +=((ymouse)-Y[0])*velocidad);
x[0]=Math.round(X[0] +=((xmouse)-X[0])*velocidad);

for (var i = 1; i < n; i++)
{
Yaux[i] = Math.round(Y[i]);
Xaux[i ]= Math.round(X[i]);
y[i] = Math.round(Y[i]=Yaux[i]+(y[i-1]-Y[i])*velocidad);
x[i] = Math.round(X[i]=Xaux[i]+(x[i-1]-X[i])*velocidad);
}
asigna();
setTimeout('ondula()',50);
}

window.onload = ondula;
</script>

Para personalizarlo debes cambiar el mensaje que dice EL TEXTO QUE QUIERAS, si quieres otro tipo de letra cambia donde dice font, para el tamaño de la letra en size, el color donde dice orange, puedes poner el color que quieras (black, red, green, etc) incluso puedes modificar la velocidad.

ACTUALIZACIÓN: Si usas una plantilla hecha a través del Diseñador de plantillas de Blogger entonces cambia esta parte del código:
document.write('<div id="padre" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < n; i++)
document.write('<div id="iemensaje" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props+mensaje[i]+'</font></div>');
document.write('</div></div>');
}
else if (n6)
{
document.write('<div id="padre" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i = 0; i < n; i++)
document.write('<div id="iemensaje'+i+'" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props+mensaje[i]+'</font></div>');
document.write('</div></div>');
}

Por esta otra:
document.write('<div id="padre" style="position:absolute;top:-270px;left:-150px; z-index:400;"><div style="position:relative">');
for (i=0; i < n; i++)
document.write('<div id="iemensaje" style="position:absolute;top0px;left:0px;height:'+a+';width:'+a+';text-align:center">'+props+mensaje[i]+'</font></div>');
document.write('</div></div>');
}
else if (n6)
{
document.write('<div id="padre" style="position:absolute;top:-270px;left:-150px; z-index:400;"><div style="position:relative">');
for (i = 0; i < n; i++)
document.write('<div id="iemensaje'+i+'" style="position:absolute;top:0px;left:0px;height:'+a+';width:'+a+';text-align:center">'+props+mensaje[i]+'</font></div>');
document.write('</div></div>');
}
Verifica que cambies sólo y únicamente la parte que se menciona para no afectar el funcionamiento del script.


153 comentarios en:

" Cursor con texto en movimiento "

  1. Hey potro! gracias por el apoyo para mi blogss se te aprecia y agradece y si quieres algo musical pues nomas me lo haces saber sale. saludos electropoperos!

    ResponderEliminar
  2. no logro poner el texto alado del curso me podrian ayudar

    ResponderEliminar
  3. Hola SpOtT,
    ¿Te marca algún error? Si copias y pegas el código tal cual verás que sale el texto sin problemas. Yo lo he probado en tres blogs y funciona a la perfección.

    ResponderEliminar
    Respuestas
    1. yo lo Puse tal cual como esta y No me funciona,y tambien cambie el codigo segundo por si es lo de la plantilla pero no me funciona de Ningun Modo

      Eliminar
    2. ¿En cuál blog lo has puesto Damián?

      Eliminar
  4. en mi blog tampoco anda y no me marca error, help

    ResponderEliminar
  5. Hola Claudio,
    Veo que en el código has puesto antes del mensaje el texto "Justificar a ambos lados".
    Elimina eso, sólo debes cambiar los datos que están marcados en color rojo.
    Saludos.

    ResponderEliminar
  6. Ayuda... yo no puedo poner el codigo!??

    solo modifique "EL TEXTO QUE QUIERAN"

    y no me funciona. ¿el codigo va en un elemento HTML? o directo en EDICION HTML??

    ResponderEliminar
  7. Hola MyZone-E,

    El código va dentro de un elemento HTML/Javascript. Revisa que estés copiando y pegando el código completo para que no tengas problemas.

    Saludos.

    ResponderEliminar
  8. HOLA EL POTRO muchisimas gracias por esta pagina tan interesante la neta tengo poco tiempo con mi blog pero desde que conoci esta pagina hace como 3 dias mis amigos me preguntan q como consegui hacer eto, como consegui hacer aquello y les recomiendo tu pagina en fin el motivo del mensaje es para preguntarte ¿como puedo hacer para que el mensaje quede al lado del mouse? por que ya hize todo lo que dijiste pero las letra quedan muy debajo del cursor espero que puedas ayudarme gracias tengo otra pregunta me permites publicar algunos de tus ingeniosos trucos en mi blog??? gracias espero que me respondas y te des una vueltecita por mi blog www.elblogdesergiodeizamal.blogspot.com

    ResponderEliminar
  9. Hola It's Notice,

    Muchas gracias por tus comentarios, me alegra poder ayudarte con el blog a que construyas el tuyo.
    Entré a tu página y al parecer le hiciste una modificación al código del script pues no debería quedar tan abajo, además de que ya no tiene el efecto ondulante en las letras. Si te fijas en el blog de prueba que menciono en el post las letras están debajo del cursor y conservan un efecto ondulante.
    Prueba copiar y pegar de nuevo el código para ver los resultados.

    Claro que puedes sacar de aquí el material que creas apropiado, sólo te pido que no lo copies textualmente y/o que menciones la fuente.

    Cualquier duda que tengas estoy a tus órdenes, y bienvenido a Ciudad Blogger.

    Saludos.

    ResponderEliminar
  10. gracias por haberme respondido tan pronto el potro pero yo si copie el codigo tal y como aparece lo unico que le cambie fu donde dice
    'EL TEXTO QUE QUIERAN' de todas formas volvere a copiarlo y pegarlo de nuevo y gracias por dejarme publicar tu material en mi blog tengo una duda mas me uni a eso del U COMENT I FOLLOW pero no se como poner el boton me lo podrias explicar xq como te dije antes soy nuevo en esto hace apenas 1 mes que tengo el blog GRACIAS!!!

    ResponderEliminar
  11. Hola It's Notice,

    Quizá algún otro script está interfiriendo en el script del cursor.
    Para poner una imagen (cualquiera que sea) puedes entrar a Diseño > Elementos de la página > Añadir un gadget > HTML/Javascript y pega ahí esto:

    <img src="http://1.bp.blogspot.com/_qgZA1ny_dAs/SfI8tyB1obI/AAAAAAAAAvU/muM18Drk_Hc/s400/ifollowwhite.gif"/>

    Si quieres cambiarlo por otra imagen, sólo cambia la URL por otra.

    Saludos.

    ResponderEliminar
  12. hola el potro gracias por resolverme la duda la verdad es que no se que seria mi blog sin ti pero queria preguntarte ¿como puedo saber cual es el script que esta interfiriendo con el texto?? por que la neta me encanta que un texto siga al cursor y tambien quisiera saber ¿como puedo hacer que mi bog cargue mas rapido?? me podrias ayudar saludos

    ResponderEliminar
  13. Hola It's Notice,

    Al parecer es la plantilla que usas la que impide que funcione correctamente el script. Te digo porque acabo de instalar esa plantilla en un blog de pruebas y también me aparecía hasta abajo las letras, sin embargo con las demás plantillas no aparece ese problema.

    Para que tu blog cargue más rápido procura sólo usar los gadgets y script que creas realmente necesarios. De igual forma procura no mostrar muchas entradas en la portada, entre más entradas haya al inicio, más demorará en cargarse la página. Aunque por el momento las veces que he entrado a tu blog ha cargado a buena velocidad.

    Saludos.

    ResponderEliminar
  14. Hola, en mi blog si funciona, no me da error y si se despliega, pero, solo se desplaza por la orilla izquierda de la página, modifiqué color y velocidad, lo hice dos veces por si las dudas pero salió igual ¿que puse mal?
    Gracias.

    ResponderEliminar
  15. perdón, como referencia, mi blog es www.gentemexico.blogspot.com
    :)

    ResponderEliminar
  16. Hola Policlínica Modelo,

    No veo el código en tu página, de todos modos este script ha presentado problemas en algunas plantillas, por lo que en algunas funciona muy bien pero en otras no se ve como debería.

    Esta semana publico otro código para lograr el mismo efecto y quizá ese te funcione mejor.

    Saludos.

    ResponderEliminar
  17. Ya lo puse y ¡me encantó! está en 'La Mansión Encantada'... hahaha, ejem, ejem... quise decir: MUAHAHA!

    ¡Gracias!, tus aportes se han convertido en parte fundamental de mis espacios.

    Un beso,

    ResponderEliminar
  18. Jajaja, me encanta el nombre que le has puesto a tu blog y me alegra que encuentres aquí lo que necesitas para tu blog.
    Besos.

    ResponderEliminar
  19. Al inicio está en color rojo donde dice EL TEXTO QUE QUIERAN
    Saludos.

    ResponderEliminar
  20. ERES EL MEJOR!!!!!!!!!!!!!!! GRACIAS LO PROBE Y ME SALIO FANTASTICO ERES EL MEJOR!!!!!!!!!!!!!!!!!!!! GRACIAS BESOS Y ABRAZOS!!!!!!!!!!!!!!!!!!!!

    ResponderEliminar
  21. Me alegro que te haya servido david =)
    Saludos!

    ResponderEliminar
  22. gracias por los codes esta muy sencillo y digerible


    * shanti

    ResponderEliminar
  23. Hola KarMa,

    Me da mucho gusto que ta haya sido útil este artículo.
    Saludos!

    ResponderEliminar
  24. me encantan tus tutoriales, son muy claros
    muchas gracias!!!

    ResponderEliminar
  25. Gracias, me alegra que te sean útiles y entendibles.

    ResponderEliminar
  26. está muy muy bueno tu blog, muchas gracias por todos tus aportes

    ResponderEliminar
  27. Hola te agradezco mucho las explicaciones son muy claras pero tengo un problemita al agregar letras al cursor éstas no siguen al mouse sino se desplazan por una columna hacia abajo,probé esta otra:http://ciudadblogger.com/2009/10/texto-que-sigue-al-cursor.html
    y al ir al Blog solo logro verlo por unos segundos y desaparece. Espero tu respuesta para buscarle una solución.Mil gracias

    ResponderEliminar
  28. Hola CL,

    Algunos de estos script suelen no funcionar adecuadamente dependiendo de la plantilla y de los scripts que haya en ella y no hay forma de echarlos a andar.
    Te sugiero que mires la sección Cursores, quizá haya alguna otra opción que pueda interesarte.

    Saludos.

    ResponderEliminar
  29. Gracias kpo,probé el cursor con destellos y quedó impecable. Agradezco tu gran ayuda para mis trabajos.

    ResponderEliminar
  30. oye ..grax..pero el texto me sale muyyyy alejado del cursor..que hago??

    ResponderEliminar
  31. Quizá tu plantilla no lo muestra como debería, te sugiero que visites la sección Cursores, ahí hay un par de opciones más para tener texto en el cursor.

    ResponderEliminar
  32. Hola te agradecería que puedas ayudarme en esto: tengo un blog de blogger y no quiero que debajo de cada entrada me aparezca el pie de entrada que dice: "publicado por.... la hora...etc", cómo puedo hacer?? gracias

    ResponderEliminar
  33. Hola CL,

    Entra en Diseño > Elementos de la página y haz click en Editar sobre el elemento Entradas del blog. Ahí desmarca las opciones que no deseas que aparezcan.

    Si esto no te resultara entonces mira esta entrada, sólo busca el código que corresponde a cada área y elimínalo para que ya no aparezca.

    Saludos.

    ResponderEliminar
  34. komo lo pongo para ke kede en todo el blog, no solo en donde esta en HTML/java.....

    ResponderEliminar
  35. No sé a qué te refieres, el cursor de aplica a todo el blog.

    ResponderEliminar
  36. ola potro, e copiado todo y lo uniko qie sale en mi blog es un gadget con todo el texto que e kopiado de green 3jotas y tal asta abjo, ayudame xfavor!

    ResponderEliminar
  37. No veo que tengas puesto el gadget en tu blog.

    ResponderEliminar
  38. Hola, quería saber como hacer para poner un texto que se desplaza en la "pestaña" del blog. Si podes hacer una entrada con la respuesta te lo agradeceria millones, porque estube buscando en todos lados como hacerlo y no consigo nada :S . Consegui un truco que se llama "marquesina" que sirve para poner un texto en deslpasamieto pero abajo de la cabezera, o donde vos quieras, pero no es lo que buscaba.

    ResponderEliminar
  39. mi estimado, sos mi heroe, he estado tratando de hacer esto durante mucho tiempo. Dios te bendiga por esto.

    ResponderEliminar
  40. ami no me van ninguo de los 2 codigos ayuda

    ResponderEliminar
  41. Pues de hecho yo veo que sí lograste poner uno de ellos.

    ResponderEliminar
  42. si encontre otro mas y lo puse al fin lo consegui pero no como gadget

    ResponderEliminar
  43. tengo una pregunta como pines los comentarios que se puedan ver en la misma pagina: que esta la entrada sin nesesidad de abrir otro enlase

    ResponderEliminar
  44. y como pones para que se va el numero de comentarios en la entrada.

    ResponderEliminar
  45. Mira esta entrada y elige la tercera opción, con eso aparecerán debajo de la entrada los comentarios.

    Para que aparezca un link con el número de comentarios entra en Diseño > Elementos de la página, haz click en Editar sobre el elemento Entradas del blog y marca la casilla de comentarios.

    ResponderEliminar
  46. No me funciono :( estaba buscando cursores para mi blog, en general cosas que acompañen al mouse como en este blog: http://feel-graphics.blogspot.com/

    Tambien quisiera saber que son los:
    - Blends
    - Wallpapers
    y hacerca de las plantillas / layouts se hacen con una pagina o algo asi?

    ResponderEliminar
  47. Hola WadiisZ,

    En la sección de Cursores podrás encontrar otras alternativas que quizá te interesen.
    No sé a qué te refieras con blends pero los wallpapers son los fondos de escritorio de una computadora.
    Y las plantillas de Blogger no se hacen con programas pero hay muchos sitios donde puedes descargar plantillas gratuitamente.

    ResponderEliminar
  48. Genial! gracias! ya encontre lo que queria sobre el cursor (:

    Sobre la plantilla pregunto porque hay muchos blogs de diseños ( http://sparkleandshineeditions.blogspot.com/ )y uno en el que yo pedi hacia para lo que se refiere mi blog, Stardoll dentro de poco dijo que no los hacia mas, como quiero que mi blog sea mejor, Adiictaastardoll.blogspot.com y entoncs queria saber como hacen esas cosas (:
    lo que mas me llama la atencion es esta parte: http://tinypic.com/r/2s7um38/7 porque se mueve y cada imagen tiene un enlace diferente.. Para tener una parte asi en mi blog podria sin renovar toda la plantilla?

    ResponderEliminar
  49. Pues todas esas preguntas tendrías que hacerlas en ese blog pues desconozco el método que usen para hacer las plantillas, tal vez las hagan manualmente ingresando código por código o tal vez usen una plantilla base, no lo sé, allá te lo dirán mejor.

    ResponderEliminar
  50. Ah perdon, lo pregunto porque se que me ivas a responder, no creo que esos blogs sigan su tipico secreto de como hacerlo :/

    ResponderEliminar
  51. Pues quisiera ayudarte pero no sé cómo, realmente sólo ahí podrían decirte todo eso. Yo por ejemplo hago mis plantillas añadiendo los códigos directamente a una plantilla en blanco, pero hay otros que usan plantillas bases. Te mentiría si te dijera cómo las hacen :(

    ResponderEliminar
  52. A mi me salen las letras muy lejanas al cursor, y rara vez se leen. ¿Cómo las puedo poner justo debajo de la flechita del cursor?^^

    ResponderEliminar
  53. En algunas plantillas no funciona y por eso se ve así. Mira la sección Cursores para que veas otras alternativas.

    ResponderEliminar
  54. a mi me lo pone pero esta lejos de la flech ayudaaaa

    ResponderEliminar
  55. A MI ME ANDA PERO NO ESTA CERCA DE LA FLECHITA, SE VE CASI AL COSTAAADO DEL BLOG :/
    AYUDA!!!!!!!!!!!!!!!!!!!!!!!!!!!

    ResponderEliminar
  56. Loana y Bárby, he hecho una actualización en la entrada para que les funcione bien. Saludos.

    ResponderEliminar
  57. hola! espero podáis ayudarme, he intentado poner el texto pero me queda muy extraño, espero me déis una solución. desde ya graciassssss
    este es el enlace de mi blog, se aceptan ideas, sugerencias y toda la ayuda posible, ya que es para un trabajo de la facultad y yo no tengo ni idea de un blog. gracias de nuevo.

    http://elblogdelasespeciales.blogspot.com/

    ResponderEliminar
  58. Pues veo que tienes un cursor personalizado pero no veo las letras de este tipo de cursor, supongo que lo habrás quitado.

    ResponderEliminar
  59. Gracias por responderme, entonces qué se te ocurre, por favor, que debo hacer para que las letras que siguen al cursor"la magia de er especial" se vean y no hagan tantas cosas raras?
    espero que me ayudes, por favor, porque es una página dedicada a la educación especial y que considero interesante, pero soy nefasta con la informática, y lo qyue hasta ahora hay puesto, como el hecho de que ya siguen letras al ratón, aunque no lo hagan bien, lo saqué de tus ayudas. espero tu respuesta, atentamente, un saludo y gracias de nuevo. elena.

    ResponderEliminar
  60. Quizá es porque tienes el cursor personalizado (el de Campanita), prueba quitándolo para ver si ese es el problema.

    ResponderEliminar
  61. GRACIAS POR RESPONDER TAN PRONTO. PROBÉ DESACTIVANDO LA CAMPANITA, Y NADA DE NADA, TODO SIGUE IGUAL. ¿SE TE OCURRE ALGO NUEVO? GRACIAS POR TODO. SALUDOS

    ResponderEliminar
  62. Entonces probablemente es el script de algún gadget de los que usas. Quizá quieras ver la sección Cursores, ahí hay otra opción más para poner texto en el cursor.

    Saludos.

    ResponderEliminar
  63. Hola Potro, gracia, la verdad me fue de mucha utilidad y fácil de modificar, que estés muy bien, mi sitio es www.zgzp-radio.es.tl soy locutor y tengo programa de radio de lunes a viernes de 7 a 10 p.m., saludos desde Acapulco, Gro. México.

    ResponderEliminar
  64. Saludos hasta Acapulco, Santiago, espero un día conocer esos rumbos :)

    ResponderEliminar
  65. Nada, me rindo, de todos modos, muchas gracias por tu ayuda e interés, saludos. Elena.

    ResponderEliminar
  66. Oye, al copiar el código, hay que darle a guardar, pero cuando le doy no pasa nada y no se guarda. Ademas, debajo pone Javascript:Void(0) y no puedo poner el código. Si sabes como ayudarme, ¡ayúdame!

    ResponderEliminar
  67. Elimina cookies, caché e historial de tu navegador.

    ResponderEliminar
  68. como hago para que mi texto quede mas serca del cursor?

    ResponderEliminar
  69. No veo que tengas puesto este cursor. Si usas una plantilla del Diseñador mira la entrada completa, ahí se explica. Saludos.

    ResponderEliminar
  70. Hola!! no puedo hacer que el texto se acerque a mi cursor!! :|

    ResponderEliminar
  71. Hola Jess, mira la entrada completa, verás que hay una modificación que se tiene que hacer en el caso de quienes usan una plantilla como la que tienes.

    ResponderEliminar
  72. Lee completa la entrada, ahí se menciona qué se debe cambiar cuando se usan ciertas plantillas.

    ResponderEliminar
  73. Tengo un probleema, puse todo.. se me aparecen las letras.. pero como que no siguen a "la flechita" como que se ven que estan, pero me fije y resulta que se van para abajo de mi blog y cuando yo bajo se van más abajo. y no se que hice mal (?) HELP.!

    ResponderEliminar
  74. Hola Clari D'Amico, en la misma entrada se menciona qué se debe modificar para que no se tenga ese problema en las plantillas hechas con el Diseñador de plantillas de Blogger.

    ResponderEliminar
  75. Hola, cómo hago para poner el efecto de las letras que van de derecha a izquierda en la pestaña de navegación de mi explorador como está en tu blog beta: http://ciudadbloggerbeta.blogspot.com/
    OTRa: cómo pones ese cuadro de noticias q' pasan de una a otra noticia automáticamente? asi como está en tu blog beta
    http://ciudadbloggerbeta.blogspot.com/

    ResponderEliminar
  76. Hola Soul,

    Te dejo los enlaces con la información que pides:
    http://ciudadblogger.com/2009/03/titulo-del-blog-en-movimiento.html

    http://ciudadblogger.com/2009/04/mostrar-ultimos-articulos-transitorio.html

    ResponderEliminar
  77. oye lo puse pero solo aparese en la parte de arriba, serca del menu, mira que pasa este es mi blogs http://g-pluss.blogspot.com/ porfa ayudame que ago

    ResponderEliminar
  78. Hola dnis villeda, ¿reemplazaste la parte del código que dice que se debe cambiar para los que usan plantillas como la tuya? Es que no veo en tu código fuente que hayas modificado esa parte.

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

    ResponderEliminar
  80. Arrastra el gadget hasta la sidebar y que sea el primero de todos. Luego, si ves que el texto queda muy separado cambia los dos left:-150px; por left:-750px;

    ResponderEliminar
  81. ya esta potro solo ise lo primero los left ya no los cambie porque me funciono asiiii esa super el truco

    ResponderEliminar
  82. aora mira que tiene los botones compartir en las entradas individiales del blogs, ya que puse los nuevos que tu subistes

    ResponderEliminar
  83. Qué bueno que ya está resuelto. Deja la otra pregunta en la entrada que corresponde para no desviarnos del tema de este post. Saludos!

    ResponderEliminar
  84. Hola!!
    Ya copié el código tal y como dijiste pero no me salen las letras al lado del cursor :S
    Help! :)

    ResponderEliminar
  85. Hola crazy cullen, he entrado a tu blog pero veo funcionando bien las letras que siguen al cursor, supongo que ya lo has resuelto. Saludos.

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

    ResponderEliminar
  87. huolassssssss es la primera vez kwe participo en este sitio, ante todo graciasssssssssssss, y luego comentarte quel codigo para el texto que sigue al cursor n me ninguno de ellos, graciasssssssssss por leermee wapo

    ResponderEliminar
  88. juer que no me va ninguno de ellos queria decir, mil perdones, graciasssssssssss

    ResponderEliminar
  89. perdonnnnnnnn si es que estoy tontaaaa mi direccion es: http://amigosforthemusic.blogspot.com

    ResponderEliminar
  90. Hola Anita,

    Bienvenida a Ciudad Blogger!
    No pude ver que tengas puesto el código en tu blog, supongo que lo quitaste, pero sin verlo puesto me es difícil saber dónde puede estar el error :/

    Saludos.

    ResponderEliminar
  91. hola no me anda para nada y no me marca error mi blog es:
    eugesuarez-cba.blogspot.com
    gracias!

    ResponderEliminar
  92. Posiblemente algún otro gadget o script está interfiriendo con este. Visita la sección Cursores, ahí hay más opciones para decorar el cursor del blog.
    Saludos.

    ResponderEliminar
  93. muy buenas me ayuda mucho su conocimiento en mi blog solo se ve en el fondo pero se esconde en los gadget gracias y que pena la molestia

    ResponderEliminar
  94. Hola zeus, ¿usas una plantilla del Diseñador de plantillas? si es así, ¿cambiaste el código que se menciona en la entrada?

    ResponderEliminar
  95. hola!! cómo puedo hacer para que el texto este un poco mas junto (ya que las letras estan muy separadas) y que este un poco mas cerca a la flecha???? saludos!

    ResponderEliminar
  96. La separación de las letras depende del tipo de letra de tu blog, la separación entre la flecha se da regularmente en las plantillas del Diseñador de plantillas de Blogger, ahí lo único que se puede hacer es lo que se indica en la entrada que se debe cambiar.
    Saludos!

    ResponderEliminar
  97. Hola, verás hemos puesto la modificacion para plantillas pero aun así las letras no aparecen cerca del cursor, hemos probado poniendo el primer codigo y despues modificarlo (por si acaso) y sigue pasando lo mismo.
    Nuestro blog es este: http://liveyourdreamallthetime.blogspot.com/

    Si pones el mouse en el medio del blog o hacia la derecha no aparecen las letras, solo aparecen cuando pones el mouse arriba del todo a la izquierda y salen muy lejos. Gracias de antemano

    ResponderEliminar
    Respuestas
    1. Hola María y Sandra. En esas plantillas no queda bien, sin embargo puedes probar cambiar la parte que dice top:-270px;left:-150px; por otros valores, por ejemplo top:-370px;left:-200px;

      Eliminar
  98. Hola Potro, tengo un problema el letrero va detras del cursor miralo en la pg wwww.radiovida.x10.mx y me dices que puedo hacer,
    La plantilla es una de WP
    Gracias de antemano

    nota: estas ideas son super he aprendido varios trucos

    ResponderEliminar
    Respuestas
    1. Hola Charlieboy, sólo lo he probado en la plataforma de Blogger, desconozco cómo se comporte en cualquier otra.
      Saludos.

      Eliminar
  99. No me sale lo de elementos de pagina

    ResponderEliminar
    Respuestas
    1. En la nueva interfaz debes entrar a Diseño > Añadir un gadget > HTML/Javascript.

      Eliminar
  100. a mi no me funciono ni a palos!! las demás si pero esta hice y deshice y nada

    ResponderEliminar
    Respuestas
    1. No veo el código en tu blog, aun así recuerda que en plantillas como las que usas debes hacer la modificación que se indica en la entrada.

      Eliminar
  101. nee~ el texto me salió muy separado del cursor... yo lo quiero un poco más junto
    ayuda kudasai... onegai

    ResponderEliminar
    Respuestas
    1. ¿Aplicaste el cambio que se explica en la entrada? ¿en cuál blog lo has hecho?

      Eliminar
  102. el texto sale separado del cursor.. como resuelvo este problema?

    ResponderEliminar
    Respuestas
    1. Aplica los cambios que se mencionan en la actualización de la entrada.

      Eliminar
  103. Hola! a mi me funciona perfecto, salvo por el hecho de que aparece muy abajo.. te dejo mi blog para referencia nofingimosnada.blogspot.com

    ResponderEliminar
    Respuestas
    1. Hola Maca, quita el código y ponlo de nuevo, el cambio de la actualización no está bien aplicado, dejaste una parte del código que había que cambiar.

      Eliminar
  104. hola ! pongo bien todos los script pero me sigue saliendo muy abajo, podrias ayudarme ?
    Gracias !

    ResponderEliminar
    Respuestas
    1. Hola Alberto, parece que en algunas plantillas da ese problema :(

      Eliminar
  105. Intente hacerlo con mi blog y no puedo, mire las respuestas aver si algo de eso me pasaba pero no! espero puedas ayudarme

    ResponderEliminar
  106. yo no entiendo como si abres lo del gadget donde pegas el truco este? esk esntro en diseño pero ¿elementos de la pag? añadir un gadget y htmal javascript?? no lo pilloooo

    ResponderEliminar
    Respuestas
    1. Elementos de la página ya no existe, sólo entra en Diseño y sigue lo demás.

      Eliminar
  107. si es verdad amigo gracias a mi si me funciono gracias es la plantilla por que en otra no me funciono gracias por compartir

    ResponderEliminar
  108. como le puedo acercar el texto al cursor, quedan muy separados

    ResponderEliminar
    Respuestas
    1. Hola Carlos, aplica lo que se menciona en la entrada (cuando se tiene plantilla de Blogger), con eso se deberá acercar el texto al cursor.

      Eliminar
  109. Este comentario ha sido eliminado por un administrador del blog.

    ResponderEliminar
    Respuestas
    1. Gracias victor, ¿ya has aplicado lo que se menciona en la actualización? si ya lo has hecho y aun sigue el problema entonces cambia los dos left:-150px; por otro valor, por ejemplo left:-350px;

      Eliminar
    2. Pd. He eliminado el comentario por el aviso que está al final.
      Saludos.

      Eliminar
  110. Hola Buenos Días....

    Me encanto este truco, el único problema que tengo es el espaciado que hay entre el cursor y el texto que lo sigue, no se si me podrías indicar en que parte del código lo puedo modificar, por favor.

    Gracias.

    ResponderEliminar
  111. Este comentario ha sido eliminado por un administrador del blog.

    ResponderEliminar
    Respuestas
    1. No lo veo puesto en tu blog, aunque ya he visto que colocaste otro efecto en el cursor.
      Pd. Elimino el comentario por el aviso que está al final.

      Eliminar
  112. Quiero poner un texto y personalizo el color, el texto y la fuente y no funciona. Sólo me funcionó el de los corazones, donde no hay que persoanlizar nada.

    ResponderEliminar
  113. Porbé con el código a secas, sin cambiar nada, y tampoco me funciona.-

    ResponderEliminar
  114. Este tampoco me funciona... http://www.ciudadblogger.com/2009/10/texto-que-sigue-al-cursor.html

    ResponderEliminar
    Respuestas
    1. Son pocos datos los que das para saber cómo poder ayudarte.

      Eliminar
  115. Hola !
    Disculpa quería saber como puedo hacer para que las palabras vayan , mas pegadas al cursor, en mi blog si me sirvió pero ese es el único problema, las letras quedan demasiado lejos del cursor.
    Gracias.
    http://laroboticacomoramadelatecnologia.blogspot.com/

    ResponderEliminar
    Respuestas
    1. Lo he intentado varias veces pero no me ha sido posible hacer que se queden más pegadas :(

      Eliminar
    2. Recuerda que en tu caso debes hacer el cambio que se menciona en la actualización de la entrada.

      Eliminar
  116. Hola como andan, podrian ayudarme, tengo puesto un mensaje en el cursor hace varios años pero cada cierto tiempo tengo que ponerle otra vez los valores de formato porque el texto automaticamente se va alejando del cursor, que numeros pongo para que me quede acomodado perfecto el texto al lado del cursor?

    ayuda

    ResponderEliminar
    Respuestas
    1. No sé decirte Adrian, este y todos los cursores con texto que conozco tienen el mismo problema :(

      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.

Nota: solo los miembros de este blog pueden publicar comentarios.

 
Ir Arriba Ir Abajo
I Ciudad Blogger