Cómo cambiar el cursor de tu blog

30 de junio de 2009 226 comentarios ,
cursores
Ya hemos visto cómo poner un cursor en forma de cruz  en el blog y hacer que un texto siga al cursor. Ahora veremos cómo poner cualquier tipo de cursor (no animado) al blog, de modo que cuando alguien entre a tu blog el cursor cambie.

  1. Sólo entra a Totally Free Cursors y escoge de entre los cientos de cursores que tienen el que más te guste.
  2. Copia el primer código que está debajo de MySpace Profile 1.0 Codes, o si quieres que el cursor sólo aparezca cuando el mouse pase por encima de un link copia el segundo código.
  3. Ahora entra a Plantilla | Edición de HTML y pega el código antes de la etiqueta </body>
  4. Guarda los cambios y listo.

El cursor lo puedes cambiar las veces que quieras, sólo toma en cuenta que los cursores animados aparecen estáticos en el blog.
El código del cursor insertará un pequeño banner al final de tu blog, pero puedes eliminarlo haciendo lo siguiente:
El código que pegas en tu plantilla es uno como este:
<div align="center" style="z-index:9;visibility:visible;"><a href="http://www.totallyfreecursors.com/" target="_blank" class="tfc"><img src="http://downloads.totallyfreecursors.com/public/CursorsLogo88-31.gif" border="0" width="88" height="31" alt="Free Cow Boy MySpace Cursors at www.totallyfreecursors.com" /></a></div><style>HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/cowboy.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/cowboy.gif"), auto;}</style>
Sólo elimina lo que está en rojo y habrás eliminado la publicidad.

NOTA: Los cursores funcionan en todos los navegadores, sin embargo si usas sólo el segundo código, para que sólo aparezca el cursor al pasar sobre un link, no funcionará en Internet Explorer.

Enlace: Totally Free Cursors


226 comentarios en:

" Cómo cambiar el cursor de tu blog "

  1. Jaja... muy divertidos lo íconos. Esta muy bueno el post. Ya veo a todos los ciudadanos con bananitas como punteros. jajajajaja.


    Un abrazo!!!!

    ResponderEliminar
  2. Siiiiii, lástima que no se ve cómo baila, jajaja.
    Un abrazo.

    ResponderEliminar
  3. JAjajajajaja. Es verdad! esta muy divertido el bailecito que hace.


    Un abrazo!!!

    ResponderEliminar
  4. wow, quedo muy bien, y debo decir que tus trucos nunca me han fallado, a comparacion de otros que desfiguraron mi blog,
    mil gracias por haber creado este blog.
    saludos

    ResponderEliminar
  5. Hola el venado,
    Gracias a ti por tus comentarios.
    Qué suerte tienes, encontraste un cursor de Hannah Montana =)
    Saludos.

    ResponderEliminar
  6. wow, como te diste cuenta,
    mis respetos

    ResponderEliminar
  7. Jaja, pues entré a tu blog y lo vi =P

    ResponderEliminar
  8. EESTA BUENÍSIMO:) SOS LO MAS (h) AJAJAJA, QUISIERA SABER COMO HAGO PARA PONER UN LOGO.
    GRACIAAAAAAAS^^
    UN BESO

    ResponderEliminar
  9. Hola Luchi Boleso,
    La verdad es que igual a mí me encantó eso de los cursores. Creo que con eso el blog se distingue por completo de los demás.
    Si quisieras usar un logo como cursor, sólo sube tu imagen en formato GIF a un hosting y remplaza las URL que están en el código por la URL del logo.
    Saludos.

    ResponderEliminar
  10. Uy gracias muy bueno el dato, la unica duda que tengo es como eliminar la publicidad del cursor, ya que dices que se elimina lo que esta en rojo y yo no veo nada en rojo

    ResponderEliminar
  11. Hola Angel,

    Me refiero a lo que está en color rojo dentro del ejemplo del post. Es lo que empieza con < div align...
    Todo eso es lo que debes eliminar para que no salga publicidad en tu blog.

    Saludos.

    ResponderEliminar
  12. hola potro me encanto el post solo una pregunta XD

    como hago para k tambien se vea en el internet explorer?

    por que nada mas lo puedo ver en el firefox

    ResponderEliminar
  13. Hola Snape,

    El cursor funciona bien en la última versión de Internet Explorer, excepto cuando usas la opción de que cambie el cursor únicamente cuando pasa el mouse sobre un link, fuera de ahí funciona sin problemas.

    Saludos.

    ResponderEliminar
  14. hola amigo potro como coloco una imagen gif en mi blog, el dropbox es util para esto?
    detallame el proceso amigo.

    ResponderEliminar
  15. Hola ISIS FILMS,

    Sólo copia la imagen en formato .GIF y pégala en la carpeta Public de Dropbox, luego con el botón derecho sobre la imagen selecciona Dropbox > Copy public link.
    Si la quieres poner en la barra lateral agregas un elemento HTML/Javascript y ahí pega esto:

    <img src="URL de la imagen" />

    Saludos.

    ResponderEliminar
  16. muchas gracias amigo potro, siempre ud. muy acertado en sus explicaciones.
    saludos

    ResponderEliminar
  17. como convierto un video a gif, amigo potro detalleme este proceso o hay algun programa gratuito

    ResponderEliminar
  18. Hola ISIS FILMS,

    No sé mucho de programas, en Softonic puedes revisar, tal vez encuentres algo que te sirva.
    Saludos.

    ResponderEliminar
  19. Hola el potro, me encanta este blog, GRACIAS POR CREARLO. Bueno mi probloma es que no encuentro la etiqueta de body pa poner lo del cursor. es que hay tres o cuatro en cual lo pongo???
    Saluda; Muzgo

    ResponderEliminar
  20. no me hagas caso en el anterior que ya lo he encontrao
    si puedes entra en mi blog y me dices que tal:
    http://surfferdeinternet.blogspot.com/
    SALUDA: Muzgo

    ResponderEliminar
  21. Hola Muzgo,

    Parece que llegué tarde, entré y ya lo habías quitado.
    Saludos.

    ResponderEliminar
  22. hola
    tengo una pregunta, en edicion de html donde pongo el codigo? hay un monton de body creo.... espero tu respuesta!

    ResponderEliminar
    Respuestas
    1. yo t lo digo ahi solo una de las k dice el potro esta a mero abajo arriba no esta y esta ala izkieda

      Eliminar
  23. Hola david,

    Sólo hay una etiqueta </body> está hasta el final de todos los códigos.
    Saludos.

    ResponderEliminar
  24. El código debe ir encerrado entre <style> y </style> tal como está en el post.

    Saludos.

    ResponderEliminar
  25. ami no me aparece lo de HTML/Javascrip , llego hasta añadir gadget y si le doi a añade tu propio me pone que ponga URL, y siempre me dice que hay un error....

    y lo del puntero no me ha funcionado...
    :(

    ResponderEliminar
  26. Hola abal.sarah,

    Revisa de nuevo el paso #3, no se menciona nada de agregar elementos HTML/Javascript, es directo en la plantilla.
    Saludos.

    ResponderEliminar
  27. pero me refiero al agregar otros gadgets

    ResponderEliminar
  28. Depende qué gadget quieras agregar, en el caso de los elementos HTML/Javascript debes ir a Diseño > Elementos de la página y escoger HTML/Javascript, es el tercero de la lista.

    Saludos.

    ResponderEliminar
  29. Hola! Gracias por esto, me ha servido muchísimo. Tengo una sola pregunta. ¿Por qué el cursor no se ve en toda mi página? Es decir, sólo desde cierto punto hasta abajo se ve. Si paso el cursor en la parte de arriba de mi blog, se ve el cursor normal. ¿Qué hago? No sé si se me entiende.

    ResponderEliminar
  30. Hola Yuki Hotaru,

    He entrado a tu blog y veo el cursor de la flor en todo el blog, excepto claro en las imágenes que tienen enlace, fuera de ahí funciona perfectamente, quizá se deba a tu navegador.

    Saludos.

    ResponderEliminar
  31. Hola!, sí, se arregló solo, no tengo idea cómo xD. Muchísimas gracias. Tu blog es muy bueno ^^.

    Yuki.

    ResponderEliminar
  32. Por cierto... ¿Cómo puedo cambiar la foto que aparece cada vez que comento aquí?. Sale un monito con polera anaranjada xD y me gustaría modificarlo.

    Gracias y perdón por la ignorancia~

    ResponderEliminar
  33. Qué bueno que ya se ha arreglado :)
    Entra a tu cuenta de Blogger y busca al inicio por la parte de arriba donde dice Editar perfil, ahí agrega los datos que quieras que se muestren en tu perfil, así como la foto que quieres mostrar.

    Saludos!

    ResponderEliminar
  34. Muchas gracias, espero que haya funcionado ^^

    ResponderEliminar
  35. Sí, sí ha funcionado, ya aparece tu foto :)

    ResponderEliminar
  36. Holaa
    pregunta
    dónde o cómo puede cargar uno sus propios cursores ya creados?
    yo cree el mio... pero no se como hago para subirlo...

    espero q respondas

    buen post!

    saludos!!

    ResponderEliminar
  37. Hola Kira-sama!,

    Puedes usar Dropbox, ahí podrás subir tus archivos:
    http://ciudadblogger.com/2009/04/alojamiento-de-archivos-gratis.html

    Saludos.

    ResponderEliminar
  38. no se por q a mi no me funciona me sale esto 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.

    ResponderEliminar
  39. Seguro has eliminado una parte del código del cursor que no debías eliminar.
    Pegalo completo donde se indica, ya que veas que el cursor funciona entonces revisa cuidadosamente lo que se debe eliminar para que no salga publicidad.

    ResponderEliminar
  40. olas quiero crear un cursor con un logo mas o menos que tenga que ver con medicina es que es para un trabajo pliss ayudame dime los pasos pero detallados es que soy un poco lenta con eso de los codigos ;D

    ResponderEliminar
  41. Eso no es cuestión de códigos, más bien necesitas saber de diseño y manejar algún programa que te permita hacer un cursor personalizado.

    ResponderEliminar
  42. Holaaaa me encanta esta pagina te lo explican todo muy bien y me gusta mucho poder cambiuar el cursos a mi pequeño espacio.

    PASAROS SI QUEREIS OS INVITO A TODOS LOS QUE ME LEAIS.

    UN ABRAZO.

    YESI.

    ResponderEliminar
  43. Sin duda el cursor personalizado le da otro aspecto al blog. Qué bueno que te han gustado :)

    ¡Abrazos!

    ResponderEliminar
  44. Gracias Potro... súper útil y vistoso me está quedando el blog. Un abrazo

    ResponderEliminar
  45. Me da gusto haber aportado un poquito para que así sea :)
    ¡Saludos!

    ResponderEliminar
  46. Graciaaaassss me encantó!!
    les dejo mi blogg por si quieren ver como me quedó jeje

    http://secretos-de-salud-y-belleza.blogspot.com/

    ResponderEliminar
  47. SALUDOS POTRO: MUY BUENOS LOS CURSORES DE LA LISTA DE Totally Free Cursors. SIN EMBARGO, ME GUSTARIA TENER COMO CURSOR LA FORMA DE UN MINI AVION COMERCIAL (YA QUE EL MOTIVO DEL BLOG ES SOBRE UNA AGENCIA DE VIAJES: http://mercantil-viajes.blogspot.com/ .. Y EN ESTA LISTA NO HAY ALGO PARECIDO .. QUIZA SEPAS DONDE PODRIA ENCONTRARLO O EXPLICARME COMO SUSTITUIRLO EN UN CODIGO EXISTENTE ... GRACIAS

    ResponderEliminar
  48. Pues si ya tienes un cursor de un avión sólo remplaza en el código las dos URL que tiene con la URL de la imagen de tu avión.
    Si lo tienes en formato .ico o .gif será mucho mejor.

    Saludos.

    ResponderEliminar
  49. Potro: Subi a Dropbox una imagen en formato .ico con la figura del avion. Copie y pegue el codigo que pones arriba como modelo y sustitui ambas url por la que me genera Dropbox. No me funciona. Sin embargo dejo la tuya sin cambios y si funciona (la figura del vaquero) ... Que podra ser?..

    ResponderEliminar
  50. Entonces hazlo en formato GIF, quizá el blog no está reconociendo el formato ICO

    ResponderEliminar
  51. muy bueno gracias y pasen por mi blog

    http://gratissoftbypanxo.ar.gd

    ResponderEliminar
  52. HOLA AYUDA POR FAVOR HE CONSULTADO MILES DE PAGINAS (INCLUYENDO ESTA) DE TUTORIALES PARA CURSOR EN EL BLOG Y NINGUNO ME HA FUNCIONADO QUE PASARA, ALGUIEN ME PUEDE DAR LAS RAZONES O AYUDARME GRACIAS. AQUI LES DEJO TODO LO QUE APARECE EN MI HTML

    ----------------------------------------------- */
    body {HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/hand136.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/hand133.gif"), auto;}
    font: $(body.font);
    color: $(body.text.color);
    background: $(body.background);
    }

    html body .region-inner {
    min-width: 0;
    max-width: 100%;
    width: auto;
    }

    .content-outer {
    font-size: 90%;
    }

    a:link {
    text-decoration:none;
    color: $(link.color);
    }

    a:visited {
    text-decoration:none;
    color: $(link.visited.color);
    }

    a:hover {
    text-decoration:underline;
    color: $(link.hover.color);
    }

    .content-outer {
    background: $(content.background);

    -moz-border-radius: $(content.border.radius);
    -webkit-border-radius: $(content.border.radius);
    -goog-ms-border-radius: $(content.border.radius);
    border-radius: $(content.border.radius);

    ResponderEliminar
  53. AYUDA NO HE PODIDO CAMBIAR EL CURSOR DE MI BLOG HE SEGUIDO TODAS LAS INSTRUCCIONES

    ResponderEliminar
  54. Pues está claro, el código tienes que ponerlo ANTES de la etiqueta </body>

    ResponderEliminar
  55. nooooooooo a mi no me quiere funcionar ese cursor
    he seguido paso a paso todo y no me sale......lo unico q logro es q se me dañe la plantilla. AYUDA.:/

    ResponderEliminar
  56. No veo que tengas puesto el código en tu plantilla.

    ResponderEliminar
  57. YEAAH POTRO!!! NO SABES COMO ME HAN AYUDADO TUS TIPS PARA MEJORAR MI BLOG, GRACIAS POR COMPARTIR!!!!

    ResponderEliminar
  58. Jijiijiji enverdad esta bueno,amigo (el qe le habia fallado) apreta Ctrl y al mismo tiempo F,luego en la ventanita qe te aparece pones body y listo...casi nunca me funcionan tus tips (no es tu culpa potro) pero buscando como poder buscar lo de body supe lo de ctrl f,este si me gusto,funciono perfecto el alien bailando en mi blog de ben 10,grasias!!

    ResponderEliminar
  59. Muchísimas gracias estuve buscando todo el día como cambiarlo. Y los que encontraba no me funcionaban. Gracias, en serio.

    ResponderEliminar
  60. Me alegro que te haya servido esta información :)

    ResponderEliminar
  61. Hola!! Estuve intentando realizar estos pasos pero no se cual es la etiqueta a la que se refieren o donde debo pegar esto.. Gracias

    ResponderEliminar
  62. Entrando en la sección que se indica usa las teclas CTRL + F para localizar más rápido la etiqueta que se menciona.
    Saludos.

    ResponderEliminar
  63. Hola, si me permites.., vengo a darte un rato la lata.
    tengo un código (no me preguntes de donde lo saqué, porque no lo recuerdo xD) para mi cursor del blog,el problema.. es que solo funciona bien en linux, es decir, en windows las mariposas no se mueve, mientras que en linux si. Hasta ahora no había reparado en este detalle.. y simplemente pensé que el código era así, que no permitía movimiento, pero ahora que uso los 2 sistemas operativos... me resulta bastante curioso el detalle y visto que funciona correctamente.., pues me gustaria que cobrasen vida también en windows
    ¿sabrias ayudarme en el problemilla?

    Te dejo aqui mi código (le pongo un par de * para que me lo deje publicar ^^)
    <*style type="text/css">body {cursor:url("http://bigpichost.com/files/mariposas_sb0xff0f.gif"),default}<*/style>
    un saludo.

    ResponderEliminar
  64. Hola nenna,

    Por alguna razón Windows ya no lee los formatos .ANI en los sitios web, y los GIF aunque también son animados no muestra su animación en ellos.
    Pero es cuestión de sistemas operativos, por ejemplo en Linux no tendrás problema con ello, en Windows sólo podrás visualizar cursores en formato GIF, y en Mac ni uno ni otro :/

    ResponderEliminar
  65. Lo olvidaba, también es cuestión de navegadores, pues en Internet Explorer los formatos .ANI aun se siguen leyendo y siguen funcionando, pero otros navegadores ya no los soportan.

    ResponderEliminar
  66. Pues valla palo, y yo tenia esperanzas.., por algo curioso que pasó con un código que conseguí de a saber donde , que con se código, el cursor se movía, peroooo (como siempre tiene que haber un pero U_U) solo se movía en las zonas donde solo se veía el fondo del blog, cuando ponía el cursor en el centro del blog, las mariposas parecían como que se metían detrás de la columna donde se publica la info.. y está los widgets (usea, la parte que contiene toda la chicha del blog), como si fuese una cortina que las ocultase.
    Pues nada, un canto pa mis dientes, gracias por la info, si lo llego a saber.., no me rompía tanto la cabeza buscando códigos Y_Y

    ResponderEliminar
  67. que bueno! pude poner mi cursor :) y felicito al creador de este blog, es excelente :) saludos :)

    ResponderEliminar
  68. Gracias por tu comentario Diana. ¡Saludos!

    ResponderEliminar
  69. Me encantó el tutorial! pero no puedohacer que funcione. Copio y pego exacamente igual el código, y lo pego antes de body. Pero no me funciona, y abajo de todo queda escrito el código! :( que hago mal?

    ResponderEliminar
  70. Hola Isabella,

    Parece que el código que has puesto le falta la primera y última parte, es decir, esta:

    <style>
    ....Aquí el código...
    </style>

    ResponderEliminar
  71. Muchas gracias potro!! Voy a ver si me funciona.

    ResponderEliminar
  72. ¿No se pueden poner los dos códigos? O sea, yo quiero que aparezca el cursor en toda la página, incluso en los links. Pero intento poner los dos códigos y no me funciona, sólo funciona el que no es sobre los links (Mi navegador es Google Chrome, así que ése no es el problema).

    ResponderEliminar
  73. Si quieres usar el mismo cursor para todo el blog incluyendo los enlaces no necesitas agregar doble código, sólo cambia esta parte:

    HTML,BODY{cursor:

    Por esta:
    HTML,BODY A:hover{cursor:

    Con eso también los enlaces tendrán el cursor personalizado.

    ResponderEliminar
  74. Hola otra vez!!
    He intentado instalar un cursor en mi blog y no encuentro la etiqueta body,
    perdona mi ignorancia, soy nueva en este mundo.
    Y gracias como siempre de antemano.

    ResponderEliminar
  75. Usa las teclas CTRL + F para localizar los códigos más fácilmente. Esa etiqueta se encuentra al final de tu plantilla ;)

    ResponderEliminar
  76. Ya lo encontré perdonam i ginorancia.
    No me funciona lo pego antes de body y nada no sé que hago mal.

    ResponderEliminar
  77. Necesitaría ver en qué blog lo has puesto para mirar el código.

    ResponderEliminar
  78. Hola La dirección de mi blog:
    nancyesunicabymariajoyandrea.blospot.com
    No sé si vas a poder acceder a el, el blog es nuevo,he probado a poner la dirección en la barra de google y no sale, debe ser porque es nuevo y todavía no he públicado entradas ?????

    ResponderEliminar
  79. Hola MariajoyAndrea,

    Te ha faltado una etiqueta al inicio y al final del código, es por eso que no te ha funcionado. A ese código que has puesto agrega lo que está en negrita:

    <style>HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/flower13.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/flower13.gif"), auto;}</style>

    ResponderEliminar
  80. Ya lo tengo, me quedó muy bien.
    Saludos y GRACIAS por la ayuda.

    ResponderEliminar
  81. ahaha vi el post anterior ahora sí! =)
    super aporte!

    ResponderEliminar
  82. tengo q borrar todo lo q esta en la plantilla y desp pegar el cursor?

    ResponderEliminar
  83. No, sólo pega el código del cursor donde se indica.

    ResponderEliminar
  84. Hola Potro!!
    He liado una buena en el blog, al intentar cambiar de plantilla he borrado muchos cambios que tenía hechos en el blog, entre ellos el cursor y no logro ponerlo de nuevo, creo que sigo todos los pasos pero nada.

    Te dejo la dirección de mi blog.

    http://nancyesunica.blogspot.com/

    ResponderEliminar
  85. No me deja guardar cambios porque la plantilla no está bien formada.

    ResponderEliminar
  86. Hola MariajoyAndrea,

    Los errores que mencionan que la plantilla no está bien formada, se deben a que cuando se ha colocado el código quizá lo has puesto en un lugar inadecuado, o bien, al ponerlo has eliminado sin querer otro código o caracter, o incluso puede ser que esté faltando una parte del código que has pegado.
    Usualmente en esos mensajes de error se especifica cuál es el elemento que está mal formado.
    Prueba seguir los pasos de nuevo verificando que esté en el lugar indicado y que al colocarlo no falte o sobre algo.

    Saludos.

    ResponderEliminar
  87. Lo he intentado de nuevo y me dice que la plantilla no está bien formada, este es el texto que sale:

    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 element type "style" must be terminated by the matching end-tag "".

    ResponderEliminar
  88. Ese código indica que al código que estás poniendo le hace falta la etiqueta <style>
    Esa etiqueta aparece justo antes de todo lo rojo que tienes que borrar, quizá igual lo estás eliminando sin darte cuenta (a mí me ha pasado varias veces).
    Primero pon el código con todo y el código rojo, sólo para que veas que el cursor ha cambiado, ya que esté hecho entonces sí elimina lo demás.

    ResponderEliminar
  89. Ya yo lo he pegado varías veces y me he asegurado bien y pego los dos style,
    lo que no me sale es la publicidad en rojo,
    pero cuandi lo pusé anteriormente que si me funcionó perfectamente, tampoco me salia la publicidad.

    ResponderEliminar
  90. Pues según el mensaje de error que mencionaste esa es la causa, si quieres intenta en un blog de pruebas para ver si ahí te permite ponerlo y si es así para que lo pongas igual que en ese.

    ResponderEliminar
  91. Muchisimas gracias Potro! Pasé horas y horas buscando en la web como poner mi cursor con corazones y lo logré! Solo una pregunta, cuando entre a blogs amigos con el cursor no se puede copiar de las entradas, es útil para que no se copien de mis entradas ¿sabés como hacer eso? Saludos!

    ResponderEliminar
  92. Hola Lucía Ayelén, qué gusto que al fin pudiste colocar el cursor que tanto querías :)
    Hay algunas opciones para deshabilitar que se copie el contenido del blog. Por supuesto que no existe ningún método 100% efectivo, pero quizá el más completo es este:
    [Cómo evitar que te copien imágenes y texto]

    ¡Saludos!

    ResponderEliminar
  93. no encuentro eso para poner el codigo

    ResponderEliminar
  94. Usa las teclas CTRL + F, ahí escribe el código que buscas y lo localizarás más rápido.

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

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

    ResponderEliminar
  97. lla lo consegui muchas gracias :)

    ResponderEliminar
  98. Hola Potro sera posible usar mi cursor?- pero no tengo la imagen entonces con que programa puedo abrir el archivo, todos los cursores que tengo tienen esta terminacion
    .CurXPTheme
    tendria que abrir ese archivo para sacar la imagen y que quede en formato .gif (o es .ani ?), para subirlo al servidor , tomar la direccion y agregarla al codigo.

    Gracias...!

    ResponderEliminar
  99. Efectivamente puedes usar tu cursor si está en formato .GIF pues el .ANI sólo lo soporta IE.
    Ahora, desconozco si haya algún programa que te permita abrir y editar el cursor con esa extensión. Sé que hay programas para hacer cursores, pero desconozco si ellos permiten guardarlos en otros formatos como GIF o PNG.
    Igual date una vuelta por las búsquedas de la red, seguro encontrarás info que te asegure si se puede o no.

    Saludos.

    ResponderEliminar
  100. Sabes que no encuentro la etiqeta me puedes decir en qe parte esta... perdon la ignorancia es qe soy nueva en esto...

    ResponderEliminar
  101. Hola Kamiilaa,

    Una forma fácil de encontrar los códigos es que presiones las teclas CTRL + F y en el recuadro que aparecerá escribas el código que buscas, de esa forma será más sencillo hallarlo.

    ResponderEliminar
  102. Hola! Hace mucho que no venía por acá =)
    1° Que debo decir que con lo que contestaste arriba acabo de descubrir algo nuevo, no te das una idea los dolores e cabeza que me voy a ahorra de ahora en adelante!
    2° Tengo mi propio cursor, hice el mio propio con Photoshop en formato png y me llevé el código de aquí y reemplacé las url de los cursores por los link del mio que subí a Dropbox ♥ De paso también puse lo de las estrellitas que se desasen cuando mueves el cursor. quedó muy lindo ♥
    Besitos

    ResponderEliminar
  103. Hola Miss Varieté, qué gusto verte de nuevo por aquí.
    Fijate que ese tip pensé que todos lo conocían pero cada vez me entero más que hay muchos que lo desconocen, así que quizá luego tendré que hablar sobre ello ;)
    Excelente lo del cursor ¿verdad? así cada quien puede hacerse el diseño que quiere :)

    Besos!

    ResponderEliminar
  104. como es este negocio que no puedo dejar mensaje www.freeshopsdeluruguay.com.uy

    ResponderEliminar
  105. No he entendido tu pregunta, ¿me puedes explicar con más detalles?

    ResponderEliminar
  106. como estas estimado amigo,..mira estaba tentando enviar un comentario y no lo conceguia por eso en una de las pruebas escribi eso mil disculpas ok quiero felicitarte por tu pag.siempre que puedo leo algo aca y te cuento que mi web tiene un blog dentro con algunos inconvenientes pero por partes ...te saludo

    ResponderEliminar
  107. Potro, utilicé este tutorial y me salió bien. Pero me gustaría saber que puedo hacer para que mi cerecita se vea incluso cuando pasa sobre el cursor!
    xoxo

    ResponderEliminar
  108. toledosistel@hotmail.com, muchas gracias, en lo que pueda ayudarte ya sabes que por acá andamos ;)

    Isabella, mira el comentario #82, ahí están las indicaciones, saludos!!!

    ResponderEliminar
  109. bien el problema mio es que mi web tiene dentro un blog pues no se editar mi pag. y el blog si entonces utilizo la misma direccion y solo edito el blog y el asunto es que el blog es mas largo que el marco de mi pag. original entonces debes recorrer el resto solo con la ruedita del raton dime si eso lo podre solucionar dale un vistazo www.freeshopsdeluruguay.com.uy y bueno ahi estamos un abrazo desde uruguay

    ResponderEliminar
  110. cierto, como se puede instalar unchat de estos?

    http://www.bowob.com/

    ResponderEliminar
  111. toledosistel@hotmail.com, quizá sea más conveniente que no eses la página sino sólo el blog, y como ya tienes tu dominio puedas usarlo junto con tu blog. Sólo necesitarías configurar tu dominio para que funcione con Blogger:
    http://ciudadblogger.com/2009/04/configuracion-de-dominio.html


    YO-LESS, apenas hoy me enteré de ese chat pero creo que no se puede usar en Blogger :(

    ResponderEliminar
  112. Hola potro pues a mi me ha funcionado en el navegador de firefox pero en internet explorer que va no funciona a que debe ser lo que pusiste en rojo lo he eliminado como lo has indicado.


    ¿Que he hecho mal?

    ResponderEliminar
  113. Hola Antonio,

    No sé si sea tu versión de IE, porque yo lo veo funcionando perfectamente en un blog de pruebas:
    http://ciudadbloggerpruebas.blogspot.com/

    ResponderEliminar
  114. Hola el potro. Mira tengo una pregunta, mi blog va muy lento por unas mariposas que he puesto. Las quiero quitar pero ahora no se como. ayudame porfi. Mi blog es http://lamagiadelasideas.blogspot.com y mi email: galui30@yahoo.es
    Gracias amigo

    ResponderEliminar
  115. Hola Luisa, busca esta parte de tu plantilla y elimina lo que está en negrita:

    .body-fauxcolumns .cap-top {
    margin-top: 30px;
    background:url(http://byfiles.storage.live.com/y1pVKail77lerMV1KYChvWxtbpDvACMxupQI4iyrEjOaEDWqn7-eOQwwo2JBPLtBy-sJoqWZa7rBVs);
    height: 121px;
    }

    ResponderEliminar
  116. Hola Potro,

    ¿Cómo puedo poner gifs animados en mi blog?

    Gracias majo!!

    ResponderEliminar
  117. Hola Gorka,

    Sube las imágenes desde Picasa y desde ahí obtén la URL de esas imágenes:
    http://ciudadblogger.com/2011/06/subir-imagenes-y-obtener-la-url-de-la.html

    ResponderEliminar
  118. El problema es que cuando las descargo a mi ordenador, no las veo animadas.
    ¿Es normal?

    Otra cosa, ¿puedo usar el public de dropbox?

    Gracias majo!!!

    ResponderEliminar
  119. No sé qué tan normal sea, eso depende de tu ordenador, del programa con el que las abras, etc. Pero si se ven animadas cuando las subes a la red entonces no hay problema.
    También las puedes subir en Dropbox.

    ResponderEliminar
  120. Hola Potro! Yo hice mi cursor en www.cursor.cc y ya lo descargué. Pero a la hora de colocar en mi blog el código del cursor, no puedo seguir las intrucciones porque dice:
    *Put the cursor.cur file into your webserver directory
    *Add this to your CSS file:
    body{ cursor: url('cursor.cur'), auto;}

    No entiendo cómo ponerlo en mi webserver directory.
    Espero que me puedas ayudar, gracias!
    Besotes (:

    ResponderEliminar
  121. Hola dαiαnα αiℓin ʚϊɞ,

    El mensaje indica que el archivo del cursor (cursor.CUR) debes subirlo a un hosting, y luego agregar el otro código en tu plantilla. Y donde dice cursor.cur debes poner la URL de cursor que recién subiste.

    ResponderEliminar
  122. Revisa de nuevo el código, verás que la primera parte de él la has puesto casi al final del mismo código, por eso no funciona, y por eso hasta al final de tu blog se ve el código que pusiste.

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

    ResponderEliminar
  124. Woooow mola mucho no sabía que se podía hacer éso y vi un blog que lo tenía y busque "como cambiar el raton en un blog" y me salisteis vosotros y ha sido muy facil y ahora queda fantastico ^^ mola, gracias

    ResponderEliminar
  125. Qué bueno que todo ha salido estupendamente bien Sabela, es un truquillo fácil que cambia bastante el aspecto de nuestro blog :)

    ResponderEliminar
  126. http://www.cursors-4u.com

    Yo saque de aquí los cursores, tiene mas amplio contenido, igualmente muchas gracias, me ha quedado muy bien.

    ResponderEliminar
  127. hermoso!!!
    yo use uno del comentario de arriba... mejoro mucho mi blog...
    alastima que no me sale como pnerle musica de ambiente...
    esa que se activa sola cuando entras y se repite varias veces..pensaba en un ruido natural, como el de la lluvia, eso le daria un muy buen ambiente a mi blog...
    no se por quue no me sale jajaja
    beno... muy bueno el cursor!!!!

    ResponderEliminar
    Respuestas
    1. Lindo ¿no? :)
      Revisa el comentario que te respondí ayer, ahí te hablo sobre la música de fondo que quieres ;)

      Eliminar
  128. MUCHISIMAS GRACIAS POR LA INFORMACIÓN, BUSQUÉ Y BUSQUÉ COMO PONER EL CURSOR EN EL NUEVO BLOGGER Y NADA! GRACIAS A ESTA PÁGINA LO LOGRÉ,ESTOY ETERNAMENTE AGRADECIDA EN SERIO. SALUDOS Y GRACIAS!

    ResponderEliminar
    Respuestas
    1. Qué gusto que esta entrada te haya sido útil :)
      Saludos!

      Eliminar
  129. No encuentro el de las estrellas que se van disolviendo.

    ResponderEliminar
    Respuestas
    1. Supongo que te refieres a este:
      http://ciudadblogger.com/2009/12/cursor-con-destellos.html

      Eliminar
  130. Muchísimas gracias !!! me quedo perfecto.
    Tienes un blog magnifico. Me encanta !! gracias por todo.
    Un beso.
    Susana.

    ResponderEliminar
  131. Respuestas
    1. Hola Luis Alberto, debe ser la plantilla porque, yo cargo la página y no se ve,pero si bajo hasta el final entonces aparece.
      El código está bien puesto, así que debe ser cosa de la plantilla quizás.

      Eliminar
  132. Hola, soy un poco lela con el tema, pero no encuentro en el codigo html la etiquita body, me podrías ayudar? el si quieres te paso el codigo de la plantilla para que lo ubiques y me pases el codigo con el cursor ya hecho.

    ResponderEliminar
    Respuestas
    1. Usa las teclas CTRL + F, así podrás localizar los códigos facilmente.

      Eliminar
  133. Hola yo soy nueva en el tema del blog intento poner el cursor y me dice que es solo para blog avanzados...que puedo hacer?

    ResponderEliminar
    Respuestas
    1. Hola, ¿en cuál blog lo quieres hacer y qué pasos estás siguiendo exactamente?

      Eliminar
  134. Hola, yo intento cambiar mi cursor pero no encuentro donde tengo que poner el link del cursor que quiero.. Por favor ayúdame.. Yo uso un blogspot, aqui te lo dejo http://maarmisscaffeine.blogspot.com

    ResponderEliminar
    Respuestas
    1. Hola Marta, sigue las indicaciones de la entrada, haciendo todo tal como se indica podrás ponerlo sin problemas. Saludos.

      Eliminar
  135. Hola! muy bueno =) gracias por subir esta ayuda :3 sdos!!

    ResponderEliminar
  136. Respuestas
    1. En la nueva interfaz es en Plantilla > Edición de HTML.

      Eliminar
  137. hola!!

    me encanta tu blog, me ha ayudado mucho. solo tengo una pregunta, ojala puedas ayudarme.

    habia cambiado mi cursor, con la pagina de enlace de aqui arriba, y vi en otra entrada que tambien se pueden poner estrellas que van callendo al mover el cursor, entonces tambien lo puse, pero me anulo el otro cursor, o sea que solo se ven las estrellas, pero con mi cursor normal, no se puede que esten ambos? porque he visto blogs que tienen cursor de hadas por ejemplo y con brillitos tambien, lo que no recuerso es si se ven como los tuyos, o son brillitos de un lado del cursor y del otro la imagen. MIL GRACIAS POR TODA LA AYUDA QUE NOS DAS. Excelente blog. felicidades!!!!

    ResponderEliminar
    Respuestas
    1. Lamentablemente no ARILU2, sólo se puede tener un tipo de cursor y/o un sólo efecto en él :(

      Eliminar
  138. ok, muchas gracias. ahora tengo otra duda, que latosa verdad?

    te cuento que le hice algunas modificaciones a mi blog, pero en google la plantilla que le puse de fondo ya no se ve bien, se ve chiquita le queda como a la mitad de la cabecera, pero en fox si lo veo bien, como la veia siempre en cualquier navegador. a que podra deberse? y lo curioso es que mi otro blog si se ve bien, tanto en google como en fox, entonces no se porque si antes se veia perfecto, ahora le pasa eso, podrias ayudarme por favor?
    muchas gracias!!! saludos!!

    ResponderEliminar
    Respuestas
    1. No lo sé, habría que ver en cuál blog te sucede eso para revisar qué código tienes.

      Eliminar
  139. Hola quisiera saber como le pongo un puntero personalizado, le quisiera agregar una foto chica al lado de la flecha
    Espero que respondas ^_^

    ResponderEliminar
    Respuestas
    1. Hola Cristinithaa!!..., crea tu cursor, una imagen en formato .GIF, ya que la tengas súbela a un alojamiento y luego pon este código donde se indica en la entrada:
      <style>HTML,BODY{cursor: url("URL de tu cursor.GIF"), url("URL de tu cursor.GIF"), auto;}</style>

      Eliminar
  140. Emms hola muy bueno el post pero he seguido las instrucciones y no dice MY SAPCE 1.0 CODE dice MY SPACE 2.0 CODE es ese o nop???

    ResponderEliminar
  141. Igual lo hice por sea caso pero no se como quedo ahora entrare a verlo ayuda porfavor

    ResponderEliminar
  142. Hey Potro ya lo puse en mi blog!
    Gracias!

    ResponderEliminar
  143. Me salio Mal Y Mira Cmo A Quedado Mi Blog ... =(

    ResponderEliminar
    Respuestas
    1. Si te salió mal quítalo y si lo deseas vuélvelo a intentar.

      Eliminar
  144. Muy bueno lo voy a probar

    de pasada les dejo mi blog con pinturas http://artvicho.blogspot.com/

    ResponderEliminar
  145. Me encantó, desde que conozco tu blog ya miro directamente aquí si tienes lo que busco y normalmente si, súper rápido y efectivo, genial!

    ResponderEliminar
  146. ohhh Dios mio¡¡¡ he hecho lo de cambiar el cursor (por una figurita) y la he fastidiado bien....y ahora no se como arreglarlo...me puedes ayudar por favor...estoy sudando y todo de los nervios...
    Noemí
    noemilimag@gmail.com
    medicennoe.blogspot.com

    ResponderEliminar
    Respuestas
    1. Hola Noemí, ya te he respondido por Facebook. Saludos.

      Eliminar
  147. no me sale... nose si estoy copiendo el link donde toca....

    ResponderEliminar
    Respuestas
    1. En la nueva interfaz debes entrar en Plantilla > Edición de HTML, y pegar el código donde se indica.

      Eliminar
  148. Hola El Potro. Yo utilizo Crearblog.com y quiero ponerle un cursor pero no encuentro la opción para hacerlo Ayuda!!! Porfa y Gracias...

    ResponderEliminar
    Respuestas
    1. No conozco esa plataforma Katty, todo lo que hay aquí ha sido probado sólo en Blogger.

      Eliminar
  149. En donde esta la opcion de edicion de HTML? o.O

    ResponderEliminar
  150. Respuestas
    1. En la nueva interfaz está dentro de la sección "Plantilla".

      Eliminar
  151. miráa. acá se puede hacer el cursor que se quiera. http://www.cursor.cc/ lo creás, y seguis las indicaciones qe están ahi.A mi me quedooooooo!

    ResponderEliminar
  152. ¡Hola! lo primero decir que tu blog está muy bien, y que ya veo que responder a todos los comentarios [o casi], lo cual me parece una muestra de consideración muy grande por tu parte.
    Luego también quería añadir que a mí el Ratón no me funciona, ya que lo añado a mi plantilla y me aparece como un cuadrado negro en mi blog.
    Si no lo puedes responder lo comprendo, ya que debes de tener un montón de Comentarios. ¡Gracias!

    ResponderEliminar
    Respuestas
    1. Gracias por tu comentario Pocket Monster. He entrado a tu blog y veo el cursor de un bigote, supongo que ya as podido resolver el problema.
      Saludos!

      Eliminar
  153. Gracias por el cursor, son muy bonitos!!! :D
    Buen trabajooo

    ResponderEliminar
  154. No puedo :( http://www.totallyfreecursors.com/details.cfm/id/4466/Zombie_Jason.htm quiero poner ese como hago?

    ResponderEliminar
    Respuestas
    1. De igual forma como se explica en la entrada. ¿Te aparece algún error o qué sucede? ¿en cuál blog lo has puesto?

      Eliminar
  155. yo quiero colocar este http://www.cursors-4u.com/cursor/2011/11/22/night-diamond-bloody-red-background-shrink-and-grow.html pero cuando coloco el codigo no me sale el cursor..

    ResponderEliminar
  156. Hola que tal, no encuentro la parte de body y no puedo colocar lo que quiero del cursor :(

    ResponderEliminar
    Respuestas
    1. Hola Antonella, usa las teclas CTRL + F para localizarlo más fácilmente.

      Eliminar
  157. Esto funciona también para Safari?
    puse un unicornio pero no lo veo :(

    ResponderEliminar

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