TRUCOS Y
TUTORIALES
PARA TU BLOG
No, no vendemos
camisetas... aun

Cursor con texto en movimiento

31 de marzo de 2009 | | 117 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 | Elementos de la página | 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.

117 Comentarios en total

  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!

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

    ResponderSuprimir
  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.

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

    ResponderSuprimir
  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.

    ResponderSuprimir
  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??

    ResponderSuprimir
  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.

    ResponderSuprimir
  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

    ResponderSuprimir
  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.

    ResponderSuprimir
  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!!!

    ResponderSuprimir
  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.

    ResponderSuprimir
  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

    ResponderSuprimir
  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.

    ResponderSuprimir
  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.

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

    ResponderSuprimir
  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.

    ResponderSuprimir
  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,

    ResponderSuprimir
  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.

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

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

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

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


    * shanti

    ResponderSuprimir
  23. Hola KarMa,

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

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

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

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

    ResponderSuprimir
  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

    ResponderSuprimir
  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.

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

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

    ResponderSuprimir
  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.

    ResponderSuprimir
  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

    ResponderSuprimir
  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.

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

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

    ResponderSuprimir
  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!

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

    ResponderSuprimir
  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.

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

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

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

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

    ResponderSuprimir
  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

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

    ResponderSuprimir
  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.

    ResponderSuprimir
  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?

    ResponderSuprimir
  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.

    ResponderSuprimir
  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?

    ResponderSuprimir
  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.

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

    ResponderSuprimir
  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 :(

    ResponderSuprimir
  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?^^

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

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

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

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

    ResponderSuprimir
  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/

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

    ResponderSuprimir
  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.

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

    ResponderSuprimir
  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

    ResponderSuprimir
  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.

    ResponderSuprimir
  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.

    ResponderSuprimir
  64. GRACIAS, PROBARÉ A VER...SALUDOS

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

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

    ResponderSuprimir
  67. 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!

    ResponderSuprimir
  68. Elimina cookies, caché e historial de tu navegador.

    ResponderSuprimir
  69. como hago para que mi texto quede mas serca del cursor?

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

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

    ResponderSuprimir
  72. 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.

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

    ResponderSuprimir
  74. 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.!

    ResponderSuprimir
  75. 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.

    ResponderSuprimir
  76. 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/

    ResponderSuprimir
  77. 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

    ResponderSuprimir
  78. 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

    ResponderSuprimir
  79. 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.

    ResponderSuprimir
  80. Este comentario ha sido eliminado por el autor.

    ResponderSuprimir
  81. 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;

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

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

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

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

    ResponderSuprimir
  86. 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.

    ResponderSuprimir
  87. Este comentario ha sido eliminado por el autor.

    ResponderSuprimir
  88. 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

    ResponderSuprimir
  89. juer que no me va ninguno de ellos queria decir, mil perdones, graciasssssssssss

    ResponderSuprimir
  90. perdonnnnnnnn si es que estoy tontaaaa mi direccion es: http://amigosforthemusic.blogspot.com

    ResponderSuprimir
  91. 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.

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

    ResponderSuprimir
  93. 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.

    ResponderSuprimir
  94. 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

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

    ResponderSuprimir
  96. 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!

    ResponderSuprimir
  97. 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!

    ResponderSuprimir
  98. 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

    ResponderSuprimir
    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;

      Suprimir
  99. 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

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

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

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

    ResponderSuprimir
    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.

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

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

      Suprimir

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.
 
2012 © Ciudad Blogger
¿Te gusta Ciudad Blogger?