TRUCOS y
TUTORIALES
para tu blog
No, no vendemos
camisetas... aun
Camiseta Ciudad Blogger

Cursor con destellos

5 de diciembre de 2009 | Número de comentarios238 comentarios
Esta es una forma muy peculiar de adornar el cursor, y en cierto modo la página. Se trata de hacer que salgan destellos del cursor cuando éste se mueve y se van esparciendo y cayendo con forme se sigue moviendo el cursor.
Puedes ver un ejemplo en esta página de Wallpapers para el móvil gratis. Cuando cargue la página mueve el cursor a donde quieras y verás cómo salen y caen los destellos del mouse; entre más muevas el cursor más destellos saldrán.

Para poner este efecto del cursor en tu blog, entra en Plantilla | Edición de HTML y antes de </head> pega lo siguiente:
<script type='text/javascript'>
// <![CDATA[
var colour="#FFFFFF";
var sparkles=40;

/****************************
* Tinkerbell Magic Sparkle *
* (c) 2005 mf2fm web-design *
* http://www.mf2fm.com/rv *
* DON'T EDIT BELOW THIS BOX *
****************************/

var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var tiny=new Array();
var star=new Array();
var starv=new Array();
var starx=new Array();
var stary=new Array();
var tinyx=new Array();
var tinyy=new Array();
var tinyv=new Array();
window.onload=function() { if (document.getElementById) {
var i, rats, rlef, rdow;
for (var i=0; i<sparkles; i++) {
var rats=createDiv(3, 3);
rats.style.visibility="hidden";
document.body.appendChild(tiny[i]=rats);
starv[i]=0;
tinyv[i]=0;
var rats=createDiv(5, 5);
rats.style.backgroundColor="transparent";
rats.style.visibility="hidden";
var rlef=createDiv(1, 5);
var rdow=createDiv(5, 1);
rats.appendChild(rlef);
rats.appendChild(rdow);
rlef.style.top="2px";
rlef.style.left="0px";
rdow.style.top="0px";
rdow.style.left="2px";
document.body.appendChild(star[i]=rats);
}
set_width();
sparkle();
}}
function sparkle() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<sparkles; c++) if (!starv[c]) {
star[c].style.left=(starx[c]=x)+"px";
star[c].style.top=(stary[c]=y)+"px";
star[c].style.clip="rect(0px, 5px, 5px, 0px)";
star[c].style.visibility="visible";
starv[c]=50;
break;
}
}
for (c=0; c<sparkles; c++) {
if (starv[c]) update_star(c);
if (tinyv[c]) update_tiny(c);
}
setTimeout("sparkle()", 40);
}
function update_star(i) {
if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
if (starv[i]) {
stary[i]+=1+Math.random()*3;
if (stary[i]<shigh+sdown) {
star[i].style.top=stary[i]+"px";
starx[i]+=(i%5-2)/5;
star[i].style.left=starx[i]+"px";
}
else {
star[i].style.visibility="hidden";
starv[i]=0;
return;
}
}
else {
tinyv[i]=50;
tiny[i].style.top=(tinyy[i]=stary[i])+"px";
tiny[i].style.left=(tinyx[i]=starx[i])+"px";
tiny[i].style.width="2px";
tiny[i].style.height="2px";
star[i].style.visibility="hidden";
tiny[i].style.visibility="visible"
}
}
function update_tiny(i) {
if (--tinyv[i]==25) {
tiny[i].style.width="1px";
tiny[i].style.height="1px";
}
if (tinyv[i]) {
tinyy[i]+=1+Math.random()*3;
if (tinyy[i]<shigh+sdown) {
tiny[i].style.top=tinyy[i]+"px";
tinyx[i]+=(i%5-2)/5;
tiny[i].style.left=tinyx[i]+"px";
}
else {
tiny[i].style.visibility="hidden";
tinyv[i]=0;
return;
}
}
else tiny[i].style.visibility="hidden";
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sdown;
x=(e)?e.pageX:event.x+sleft;
}
function set_scroll() {
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
window.onresize=set_width;
function set_width() {
if (typeof(self.innerWidth)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
}
function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height+"px";
div.style.width=width+"px";
div.style.overflow="hidden";
div.style.backgroundColor=colour;
return (div);
}
// ]]>
</script>

En var colour="#FFFFFF"; modifica el color de los destellos, en este caso son blancos pero puedes cambiarlos por el color que quieras, sólo te recomiendo que sea un color que contraste con el fondo del blog para que pueda apreciarse.

De esta forma puedes crear un ambiente "mágico" en el blog.

238 comentarios :

  1. siempre creì que era nieve :C

    jajaja
    yo lo puse en mi blog pensando que era un buen motivo para navidad, por aquello de 'la nieve'...

    jajaja

    saludos

    ResponderEliminar
  2. Whoa me gusto en primera la web de los fondos, de hecho los descargue pero en mi telefono salen pequeños es Iphone
    pero igual se ve genial es efecto, estare colocandolo en proximos dias por que apenas y me da tiempo para postear en un blog ahora ok
    nos vemos

    ResponderEliminar
  3. HOLA POTRO, SOY WALTER DE COSTA RICA, ESPERO QUE TODOS TUS ASUNTOS MARCHEN BIEN. SOLO QUIERO AGRADECERTE POR ESTE GRANDIOSO BLOG. DESEO CONTARTE QUE ESTOY IMPARTIENDO UNA PEQUE;A CAPACITACION SOBRE PAGINAS WEB EN LA INSTITUCION EDUCATIVA DONDE LABORO (http://cneefcg.blogspot.com/)Y UTILIZAMOS A CIUDAD BLOGGER COMO REFERENCIA PUES A MI CRITERIO ES EL MEJOR DE TODAS LAS FUENTES DE TRUCOS BLOGGER. YA TE CONOCEN MAS PERSONAS. MUCHAS GRACIAS.

    ResponderEliminar
  4. Te quedo super en la de fondos 240 felicitaciones por esos buenos trucos!

    ResponderEliminar
  5. RIDDLE, sí tiene el aspecto de nieve y combina perfecto para la época, aunque igual se puede usar todo el tiempo. Saludos.

    Alex, son fondos de pantalla para teléfonos de 240 x 320px. Es una lástima que hayas cerrado temporalmente el otro blog pero entiendo que cuando no hay tiempo es difícil postear. Un abrazo!

    Walter, de verdad muchas gracias por tus comentarios. Me siento honrado saber que este humilde blog ha sido de ayuda para otras personas. Un saludo!

    fabian, gracias por tus comentarios, qué bueno que te ha gustado =) Saludos!

    ResponderEliminar
  6. potro x favor podes subir un tutorial de como instalar el reproductor flow player al blog...

    ResponderEliminar
  7. Hola jonathan,

    Desconozco ese reproductor, lo siento =S

    ResponderEliminar
  8. Pues si pero a veces es mucho estar con tantos blogs al que cerre temporalmente es popular pero ya no puedo más lo regalare o haber si alguien se anima a ayudar pues me vere menos precionado
    nos vemos
    y gran post para esta navidad

    ResponderEliminar
  9. hola potro gracias pero no una manera de poner este script de manera abreviado, osea crear un .txt y subirlo a una web de alojamiento de archivos y ponerlo en la plantilla por medio de al url, para luego cuando quiera quitarlo no enredarme con tanto código que tiene.
    Salu2

    ResponderEliminar
  10. Ummm no creo, el script tiene muchas funciones () que llamar para su funcionamiento.
    Pero no le veo gran problema, cuando lo quieras quitar regresa a este post para que veas cuál es el código que debes quitar.

    Saludos.

    ResponderEliminar
  11. listo ya lo puse, cuando lo valla a quitar regreso por este post, lo mando a marcadores ;).
    Salu2.

    ResponderEliminar
  12. El potro, existe alguna manera de reemplazar las crucesitas que salen del cursor x otro caracter?

    ResponderEliminar
  13. awwww k lindo cursor con estrellitas me encanto!!!
    creiste k ya no te leia ehhhhh?????
    ahora ya sabes k si!!!
    te mando muuuuchos besos!!!
    xoxoxoxo

    ResponderEliminar
  14. Seguro esta muy divertido tener el curso con destellos..

    ResponderEliminar
  15. cargohe, vale, suerte!

    jared, lamentablemente sólo se puede configurar el color de las estrellas, nada más. Saludos.

    elizaquiereamor, yo sé que me lees y que me quieres casi tanto como yo a ti =)

    ARMANDOKUN, siii, como que saca el niño que todos llevamos dentro ;)

    ResponderEliminar
  16. Hola :El Potro" vuelvo a ti esperando que puedas ayudarme, mira, voy a cambiar el estilo de comentarios en el Blog y voy a poner el de DISQUS, y kisiera saber como cambiar el contador de comentarios de blogger y poner el de DISQUS. Este es el contador de DISCUS (http://disqus.com/)(http://ivpaste.com/view.php?id=39967) pero no se que kitar o que cambiar en mi plantilla de Blogger, ya hice todo lo q esta a mi alcance pero no logre nada, espero que me ayudes.

    Seria bueno que tambien publicaras una entrada acerca de ese servicio, esta buenisimo.

    Mi Blog D Pruebas es: http://webprosperity-negocio.blogspot.com/2009/11/buscador-google.html#disqus_thread

    Otra duda, como hago para que cuando se de click al enlace COMENTARIOS (2) se agregue a la URL #disqus_thread y no el default de blogger #comments

    Mira, en este blog hay un ejemplo (http://naruedyoh.blogspot.com/2009/11/no-hay-nativos-digitales.html#disqus_thread)

    ResponderEliminar
  17. Me encanta tú blog!. Puedes decirme como se cambia el color de las estrellas?. Gracias mil.

    ResponderEliminar
  18. Hola, tienes un premio esperando por tí en mi Blog, por favor pasa por el, FELICITACIONES!!! Un abrazo

    ResponderEliminar
  19. @rielCastellanos, nunca he probado Discus, así que no sabría cómo ayudarte =(

    carla, al inicio del código hay una parte marcada en color rojo, debes cambiar donde dice #FFFFFF por el código del color que quieres.

    DE INTERES, wow, muchas gracias, ahora mismo me doy una vuelta =) Saludos!

    ResponderEliminar
  20. hola genio (A) jaja yo ya no te digo mas potro :P

    disculpa que te haga la pregunta aca, es que no sabia donde hacerla, tengo una duda, yo a veces respondo los comentarios que me hacen al igual que vos, ahora a veces me salteo una palabra o la escribo dos veces por distraccion, entonces lo que quiero saber es como se puede hacer (en caso de que se pueda) para borrar los comentarios que yo hago o sea borrar un comentario especifico del administrador del blog o sea yo :P

    muchas graciass, un abrazo grandee

    PD: sos profesor? porque tenes o eso pareciera una excelente manera de expresarte y explicar las cosas (o sea lo que me falta a mi :P jajja)

    un abrazoo :)

    ResponderEliminar
  21. Jajaja, me parece que tú te explicas mejor que yo (créeme).

    Para borrar un comentario, ya sea de un usuario o tuyo, sólo entra en la entrada que tiene el comentario y abajo del comentario que quieres eliminar verás un ícono de un basurero, haz click ahí para eliminar el comentario.

    Un abrazo y gracias por tus comentarios =)

    ResponderEliminar
  22. ese icono solo me aparece para los comentarios de los demas, pero en los mios no aparece :S

    mira: http://sites.google.com/site/probar123456/probar1234567/asd.jpg?attredirects=0

    ResponderEliminar
  23. Pon en tu plantilla esto:

    .comment-timestamp {
    display: block;
    float: left;
    }

    Con eso debe aparecer.
    Saludos.

    ResponderEliminar
  24. jojo, yo siempre empiezo por tus pistas (A) y termino llegando a la solucion :), no era eso :P, me faltaba el siguiente codigo dentro de este codigo


    if cond='data:comment.author == data:post.author'>
    ...
    ....
    include data='comment' name='commentDeleteIcon'/>
    ...
    ...

    muchas gracias como siempre :)

    un abrazo grandee

    ResponderEliminar
  25. Jaja, creo que tendré que cambiar el nombre del blog por Las Pistas de Blue =P
    Qué bueno que ya diste con la solución.

    Un abrazo!

    ResponderEliminar
  26. Hola, lo logre, ya quedo perfectamente instalado, si tienes un chance, me gustaria que probaras el nuevo sistema y me dieras tu opinion ya que hace dias queria algo distinto a este formulario de Blogger, dime q tal su desempeño y si no te da problemas.

    Enlace --->>> http://blogunah.blogspot.com/

    Gracias amigo

    ResponderEliminar
  27. Muy bueno bro! lo acabo de ver en el blog de Carla y queda fantástico! se lo voy a recomendar a una amiga que tiene un blog personal, que seguro lo va a agregar!


    Un abrazo!!!

    ResponderEliminar
  28. No lo había visto pero sí le quedó muy bien. Ojalá a tu amiga le guste.

    Un abrazo!

    ResponderEliminar
  29. Queda fenomenal Potro. Eres un fenómeno, de verdad
    Siempre mil gracias

    Ahora una preguntilla, se podía cambiar la cruz por otro símbolo como estrella, corazón etc?

    Aquí lo puse
    http://elclubdemisamores-meri.blogspot.com/

    ResponderEliminar
  30. Hola Meri,

    Lamentablemente sólo se puede cambiar el color de las estrellitas y nada más =(

    Te ha quedado muy bien en tu blog.
    Muchas gracias por tus comentarios.

    Saludos!

    ResponderEliminar
  31. Gracias por tu respuesta.
    Sería un puntazo poder cambiar el simbolito
    Saludos

    ResponderEliminar
  32. Hola, la verdad no sé si este comentario lo llegues a leer, pero quisiera saber si existe alguna manera de cambiar el caracter que cae desde el cursor, en este código lo que cae son "+", y no sé, por ejemplo se podrá cambiar por un "*" ???, he tratado de ver el código ya varias veces y ver que cambiar, pero no tengo ni la menor idea, no hay nada en referencia al caracter utilizado

    de antemano muchas gracias

    Saludos!

    ResponderEliminar
  33. Hola Mr.Juglar,

    Lamentablemente no se puede modificar, lo único configurable es el color, nada más.

    Saludos.

    ResponderEliminar
    Respuestas
    1. como le puedo cambiar el color?
      porfis responde

      Eliminar
    2. gracias
      Pero cual es el código del color morado.

      Eliminar
    3. En este enlace puedes obtener el código del color que desees:
      http://ciudadblogger.com/p/codigos-de-colores-rgb-y-hexadecimales.html

      Eliminar
    4. porque en webnode no funcionan algunos widget?

      Eliminar
    5. Porque estos trucos son para Blogger.

      Eliminar
  34. Holaaa
    muy lindo
    pero tengo un problemita y es k lo pongo en mi blog de prueba pero en el cual lo quiero poner lo funciona y ambos tienen la misma plantilla

    que puedo hacer?

    ResponderEliminar
  35. Hola Lucy Veras,

    Debe ser por algún otro script que tienes, muy posiblemente el del título en movimiento.
    Generalmente estos tipos de scripts no son compatibles con otros.

    Saludos.

    ResponderEliminar
  36. ahh gracias

    lastima
    y tan lindos k se ven

    ResponderEliminar
  37. Hey me acaba de pasar algo medio raro
    y es k cuando estoy en editar diseño el cursor tiene los destellos pero no en el blog

    ResponderEliminar
  38. Eso es porque cuando estás en Elementos de la página los demás scripts no se ejecutan por lo que no interfieren con su funcionamiento, pero cuando estás ya en el blog los demás scripts arrancan y obstruyen a este :(

    ResponderEliminar
  39. como le cambio el color a los destellos, como se q escribir para cada color, x ejemplo, rosa?

    ResponderEliminar
  40. Hola Chibi,

    Para el color rosa usa este código #FA58AC
    Aquí hay una tabla con más códigos de colores:
    http://html-color-codes.info/codigos-de-colores-hexadecimales/

    ResponderEliminar
  41. Lo puse en mi blog y quedó muy bueno el efecto.
    Está en mis dudas saber si se puede cambiar (en vez de los destellos) por otra imagen.
    Gracias.

    ResponderEliminar
  42. Qué bueno que te ha gustado.
    Sólo se puede modificar el color de los destellos.

    Saludos.

    ResponderEliminar
  43. Como hiciste el header que dice fondos 240?

    ResponderEliminar
  44. Qué bueno que te ha gustado!
    Ese header está hecho en formato flash.

    Saludos.

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

    ResponderEliminar
  46. Visitad mi blog, puse esto, a ver si os gusta^^ http://glitterboxcandy.blogspot.com/ Os espero^^

    ResponderEliminar
  47. Lo he puesto en mi blog modificando el color de los destellos y ha quedado genial !!!!
    Gracias Potro,todos tus consejos son de gran utilidad y fáciles de poner en practica ....

    ResponderEliminar
  48. Me da gusto que haya sido de tu agrado :)

    ResponderEliminar
  49. Hola Potro muchas gracias por todo, hemos estrenado ya nuestro blog y tenemos el efecto de estrellas, nuestra pregunta es, ¿podría ponerse un cursor con forma de guitarra por ejemplo y que siga cayendo el efecto de estrellas? nuestro blog es este http://magosradioblog.blogspot.com/
    Esperamos que te guste, somos novatos y aprendemos muy lento, pero ya por lo menos tenemos esto montado, muchas gracias por tu interés y enseñanzas, un abrazo

    ResponderEliminar
  50. Hola MaG@S RaDioMuSiC

    Qué gusto que ya estén estrenando su blog, les deseo mucha suerte y éxito.
    No se pueden combinar los cursores, sólo puedes usar el destello o bien, no usarlo y en su lugar poner un cursor de guitarra.
    En esta entrada se explica cómo cambiar de cursor.

    Saludos.

    ResponderEliminar
  51. Muchas gracias Potro, felicidades por vuestro trabajo

    ResponderEliminar
  52. Gracias a ustedes por su visita :D
    ¡Saludos!

    ResponderEliminar
  53. Gracias por el aporte estan muy buenos todos.

    ResponderEliminar
  54. Hola, una pregunta, no termino de entender como cambiar el color de los destellos, ¿donde puedo encontrar los códigos de cada color? muchas gracias!

    ResponderEliminar
  55. Hola Camila,

    Aquí podrás elegir el color que deseas y saber su código para poder usarlo.

    ResponderEliminar
  56. No me anda, no se que pasa, me dice que no puedo!

    ResponderEliminar
  57. ¿Exactamente cuál es el error que te marca?

    ResponderEliminar
  58. HOla potro, a mi no me salio el truquito y no se porque no se si puedes visitar mi blog quizas tenga algo que no sea compatible con este truquito, ojala puedas decirme como solicionar ya q lo pegue justo como decias y en el mismo color de tu ejemplo pero no se ve nada, este es mi blog


    http://angel-erotico.blogspot.com/

    ResponderEliminar
  59. Hola Angel Erotico,

    A ciencia cierta no sabría decirte, pensé que podría ser la plantilla pero acabo de probar en la misma plantilla que usas y no tuve problemas, por lo que supongo que quizá algún gadget de los que tienes y que requieren de scripts puede ser incompatible con este, aunque te mentiría si te dijera exactamente cuál es :/

    ResponderEliminar
  60. Muchas Gracias!Me salio!! Muy bueno!

    ResponderEliminar
  61. Potro q mal que no sepas que pasa en mi plantilla o como solucionarlo, este efecto me quedaria perfecto, de verdad que no se que puede ser he intentado de todo y nada, no se que gadget puede ser no tengo muchos, solo 4 :/

    ResponderEliminar
  62. Karen, gracias a ti por tu visita!

    Angel Erotico, pues si fuera por algún gadget o no la mejor forma de saberlo es que quites temporalmente uno a uno los gadgets que tienes con script para detectar cuál es el causante de ello.

    ResponderEliminar
  63. Gracias potro si era un Gadget, lamentablemente era el mas importante de mi pagina, era el chat que tenia, pero bueno, tratare de buscar otro, proto otra pregunta y disculpa la molestia se que no va con este tema pero no he visto que se hable sobre: como subir videos a los blogger desde el disco duro de la pc? te cuento que he intentado publicar videos y no se que sucede que no cargan, si existe algun truco o no se permite?

    Me dijeron que si te vas a configuracion, luego configuracion global, y marcas editor anterior, podrias subir videos pero lo intente y no resulto, intenta cargar el video pero nunk lo termina de subir, es como si se quedara colgado, si tienes algun enlace en donde toques ese tema avisame, gracias de ante mano y disculpa la molestia, gracias por ayudarnos

    ResponderEliminar
  64. Perdon pero te sarpas El Potro, le sacaste el Copyright, se me armo un poco de lio por eso. Agrégaselo así no le pasa a nadie mas.

    /****************************
    * Tinkerbell Magic Sparkle *
    * (c) 2005 mf2fm web-design *
    * http://www.mf2fm.com/rv *
    * DON'T EDIT BELOW THIS BOX *
    ****************************/
    Este es el copyright.

    ResponderEliminar
  65. Angel Erotico, cuando los videos son muy pesados puede suceder eso. El tamaño no debe ser mayor a 100 MB de lo contrario nunca subirá aunque no te marque ningún mensaje de error.


    fermaper, yo no se lo saqué, el código me lo había dado un lector que me pidió anonimato y lo puse tal como me lo dio, pero ya sabiendo que le faltaba esa parte no hay problema, ya está puesto ;) gracias!

    ResponderEliminar
  66. Bueno potro te cuento que el video que intentaba subir apenas tiene 10MB, eso es lo extraño porque es un video muy corto, no se que pueda ser, si sabes algo avisame y gracias por responderme, tu pagina es excelente, ayuda mucho

    ResponderEliminar
  67. Quizá sea mejor que lo subas a YouTube, pues Blogger suele muy tardado para los videos :/

    ResponderEliminar
  68. Hola Potro, muchas gracias por compartir este script.
    Estoy intentando incluirlo en una pagina web hecha en flash, pero los destellos salen por detrás de mi movie y sólo se ven en los bordes, sabrias como hacer para que salgan por delante?. Un saludo.

    ResponderEliminar
  69. Hola Tuca,

    Quizá tu archivo flash necesita transparencia:
    http://ciudadblogger.com/2011/03/cuando-los-videos-se-sobreponen.html

    Saludos.

    ResponderEliminar
  70. Hola.Te queria hacer una consulta.
    Esto de los destellos se puede hacer en cualquier plantilla?. Yo tengo la del fondo todo blanco.Porque no me sale :(

    PDTA: No soy muy bueno con lo de HTML. :/

    ResponderEliminar
  71. Sí te ha funcionado, lo que sucede es que tienes muchos elementos que tardan en cargar y hay que esperar unos segundos para que puedas ver los destellos.

    ResponderEliminar
  72. Em,yo me confundi yo.xD
    ya lo hice,y me quedaron!
    Hasta le cambie el color :P

    ResponderEliminar
  73. perdona pero es que a mi se me ponen en blanco pero no consigo cambiarlos de color ayuda plis Gracias :)

    ResponderEliminar
  74. Hola ReBeKiiina, ¿dónde lo has puesto?

    ResponderEliminar
  75. Potro yo de nuevo :) ya los tengo en el blog pero me pregunta si es posible decorar los links como en el blog de eulalia y tener ambos osea los destellos y la decoración? o tengo que sacar primero los destellos para agregar la decoración? de ser así como hago para sacar los destellos?
    Gracias!

    ResponderEliminar
  76. Hola lorena,

    No es necesario sacar el cursor para tener los destellos en los enlaces, sólo necesitas conseguir una imagen animada que tenga esos destellos y agregarlos a los enlaces:
    http://ciudadblogger.com/2009/04/personalizar-links.html

    Saludos.

    ResponderEliminar
  77. Gracias..... sos un ídolo!! ahora mismo lo pongo en práctica. bss

    ResponderEliminar
  78. Gracias Potro quedo bellisimo!!!!

    ResponderEliminar
  79. Qué gusto que todo haya quedado como esperabas :)

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

    ResponderEliminar
  81. Muchas gracias Potro! Queda precioso!!

    ResponderEliminar
  82. ¿Verdad que sí? Igual a mí me gusta mucho el aspecto de ese cursor :)

    ResponderEliminar
  83. NECESITO SABER COMO HACER PARA CAMBIARLE EL COLOR AL BRILLO ME PUEDES AYUDAR ?

    ResponderEliminar
  84. No encuentro la etiqeta esa head! es que hay una al principio pero no tiene un / ... me sirve igual ¿?... y si no... en qe parte esta ¿?

    ResponderEliminar
  85. pasa por mi blog para qe veas que tal qedo!

    ResponderEliminar
  86. No tuve oportunidad de verlo pero espero que el resultado haya sido de tu agrado :)

    ResponderEliminar
  87. No puedo ponerlo en mi blog podrias ayudarme?

    ResponderEliminar
  88. ¿Por qué no lo puedes poner? ¿Te aparece algún error?

    ResponderEliminar
  89. Yo ya lo puse perfecto y no aparece...

    ResponderEliminar
  90. Ahora si!!! muchísimas gracias Potro :)

    ResponderEliminar
  91. no puedo ponerlo ,me aparece esto :No hemos podido guardar tu plantilla

    Por favor, corrige el siguiente error y envía la plantilla de nuevo.
    Sólo puede existir una única máscara en la plantilla, y hemos encontrado: 0

    ResponderEliminar
  92. Hola, quise poner la plantilla para tener el efecto en el cursor y me aparece esto:
    "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.

    Error 500"

    que hago?

    ResponderEliminar
  93. Hola! He puesto el cursor en el blog y me encanta como queda!
    Hay algún modo de poner la imagen que tu quieras en el cursor?
    Yo quiero poner la imagen de un hada y dejar lo de los destellos.

    ResponderEliminar
  94. Sumer, excelente!

    , verifica que lo hayas puesto antes de </head> y no antes de <head> o de <header>

    ResponderEliminar
  95. Ceeles, verifica que lo hayas puesto antes de </head> y no antes de <head> o de <header>

    ResponderEliminar
  96. solciu, intenta ponerlo de nuevo, quizá al ponerlo eliminaste algo sin darte cuenta.

    Lovix, ummm no, sólo se puede poner el destello, pero igual puedes probar usar al mismo tiempo este truco que es para cambiar el cursor del blog, me parece que puedes tener los dos al mismo tiempo sin problema.

    ResponderEliminar
  97. OYE UN FAVOR ME PUEDES DECIR COMO LE HAGO PARA EL COLOR?TE LO AGRADECERÉ MUCHO.

    ResponderEliminar
  98. En la entrada dice dónde se modifica el código del color. Si necesitas saber cuál es el código del color que buscas entonces aquí puedes saberlo:
    http://ciudadblogger.com/p/codigos-de-colores-rgb-y-hexadecimales.html

    ResponderEliminar
  99. En la entrada se explica cómo hacerlo.

    ResponderEliminar
  100. yo no entiendo como cmbiar el color

    ResponderEliminar
  101. En la parte en color rojo verás u código:
    #FFFFFF;

    Ese es el código del color que puedes cambiar por cualquier otro.
    Si no sabes cómo obtener el código del color que quieres mira aquí:
    http://ciudadblogger.com/p/codigos-de-colores-rgb-y-hexadecimales.html

    ResponderEliminar
  102. No se que me pasa, pero no me sale nada, lo he intentado varias veces y no puedo ponerlo.
    Podrías ayudarme, porfa. Saluditos.

    P.D. El codigo es muy largo pero hay que copiarlo entero, verdad, solo cambiar el color.

    ResponderEliminar
  103. Hay que copiar todo el código que se menciona y ponerlo justo donde se indica. Si al ponerlo te da un error dime cuál error te marca. Si no te da error pero no aparecen los destellos entonces dime en cuál blog lo has puesto para que pueda entrar y ver qué está sucediendo.

    P.d. El color cámbialo después, primero ponlo y mira si funciona.
    Saludos.

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

    ResponderEliminar
  105. Muchas gracias, he colocado estrellitas en Navidad en mi blog, me ha venido muy bien la dirección de la web de los códigos de colores HTML. Gracias una vez más y Feliz Navidad

    ResponderEliminar
  106. MAN TRATO Y TRATO EN MI BLOGGER Y NO SE SI QUEDA LE CAMBIE A COLOR NEGRO PERO NO ME ANDA MIRA MI BLOG ES Q YO NO SE LO HICE BIEN O MAL EL CODIGO LO POLOQUE ANTES DE < HEAD> Y NADA ;(

    ResponderEliminar
  107. El código va antes de </head> no de <head>

    ResponderEliminar
  108. Hola, a ver lo que me ocurre es que, osea me salen los destellos pero no me sale siguiendo a el cursor, a que se debe eso?

    ResponderEliminar
  109. Hola Jara,

    Sólo lo he visto en uno de tus dos blogs del perfil, y en ese se ve bien. Recuerda que los destellos no siguen al cursor, sino que se desprenden de él. Pero te repito, en tu blog lo veo funcionando sin problemas :)

    Saludos.

    ResponderEliminar
  110. holaa !! me sirvio , pero necesito saber como se cambia de color? osea tengo el blog blanco pero lo quiero cambiar por destellos rosadoss como ago? espero tu respuesta saludos

    ResponderEliminar
  111. Hola Guadalupe,

    En el código verás una parte en color rojo, esa es el código del color:
    #FFFFFF

    Esa parte es la que debes cambiar por el color que quieras.
    Si no sabes cuál es el código del color que buscas mira este enlace:
    http://ciudadblogger.com/p/codigos-de-colores-rgb-y-hexadecimales.html

    Saludos.

    ResponderEliminar
  112. hermoso...
    me encantan los destellos, estoy como de shopping aca, remodelando el blog ya que me deshice de las cosas de halloween.
    Muy bueno!!!!!!

    ResponderEliminar
  113. †~ Lacrymosa Ophelia Amane ~†, gracias a ti por tu visita!

    Lully Cullen, siendo así pondré una música de fondo como la de los supermercados, digo, para que tu paseo para el blog sea más ameno :)

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

    ResponderEliminar
  115. No puedo haceeerlo, no salen los destellos :(

    ResponderEliminar
  116. alguien me puede decir como descargar este efecto para pc??
    porfavooor

    ResponderEliminar
  117. genial, me sirvió!!!!!!!!!! muy bueno, sigan así! :D

    ResponderEliminar
  118. Hola Potro, entiendo cómo cambiar el color de los destellos, pero quisiera que fueran multicolores y no tengo idea de qué código usar o siquiera si se siguen los mismos pasos. ¿Podrías ayudarme?
    Gracias!

    ResponderEliminar
    Respuestas
    1. No se puede Sinsajo., el script únicamente permite un color para los destellos :(

      Eliminar
  119. Hola de nuevo Potro, debo ser muy bruta porque no consigo que funcione de ninguna manera.

    ResponderEliminar
    Respuestas
    1. Sólo ponlo donde se indica, no lo personalices hasta que primero veas que está funcionando. Si aun así no funciona dime en cuál blog lo has puesto.

      Eliminar
  120. No lo he personalizado. Te paso el blog.

    http://deoropesaafuenlabrada.blogspot.com/

    Gracias por tu atención.

    ResponderEliminar
    Respuestas
    1. Revisa el script, verás que has repetido la primera y última línea.
      Saludos.

      Eliminar
  121. Muchísimas gracias y perdona mi ignorancia pero ¿cómo puedes saber lo que pasa sólo con mirar la página? No vale reírse de la pregunta XD.

    Un saludo

    Yolanda.

    ResponderEliminar
    Respuestas
    1. Mirando el código fuente de la plantilla, así es como he visto dónde estaba el error :)
      Saludos.

      Eliminar
  122. een qe parte dice head? no lo encueeentro :S

    ResponderEliminar
  123. Rocío Fraga, usa las teclas CTRL + F para localizarlo.

    ResponderEliminar
  124. Hola Potro, hace poco abrí un blog, aunque no soy muy diestra en todo esto, poquito a poquito y con muchas horas voy añadiendo cositas, hace tiempo en un blog vi lo de las estrellitas que caían cuando movías el cursor y yo que soy muy cabezona mirando y mirando páginas para ponerlo en mi blog, hoy por fin he dado con el tuyo y he podido añadir mi regalo al blog, te doy mil gracias por tu blog pues das unas explicaciones estupendas, y gente como yo que no somos muy entradas en esto con tus explicaciones, zas podemos hacer el milagro informático, otra vez MIL GRACIAS.
    Ah! aunque no tenga nada que ver con lo tuyo, si quieres ver TUS ESTRELLITAS mi blog es http.//ydetodounpoco.blogspot.com,

    ResponderEliminar
    Respuestas
    1. Hola ydetodounpoco, me da gusto que al fin hayas encontrado el cursor que tanto querías, y por supuesto me da gusto que hayas llegado aquí. Muchas gracias por tu comentario :)
      Saludos.

      Eliminar
  125. exelente blog y bien diseñado men visita mi web http://tinkermaster.es.tl saludos...

    ResponderEliminar
  126. No me sale.. los destellos ..!! lo puse en diseño y luego HTML/JavaScript y por ultimo copie el codigo y lo pegue PERO NO ENTIENDO ESO DEL head tengo que copiar el codigo y luego pegarlo y al final poner head ..!!???? no entiendooo

    ResponderEliminar
    Respuestas
    1. No tienes que ponerlo en el HEAD, sólo ponerlo en un gadget como se indica. Si ya lo tienes en un gadget dime en cuál blog lo has puesto para poder ver porqué puede ser que no funcione.

      Eliminar
    2. http://www.recorremoselmundofeliz.blogspot.com/
      ES EN ESTE BLOG Y NO FUNCIONA, no entiendo si debo escribir head
      ayudita

      Eliminar
    3. Tiene varios errores el script, quizá al copiarse. Quita el gadget y ponlo de nuevo, después de ponerlo ya no lo abras ni lo edites.

      Eliminar
    4. ok ok..!! gracias ehh lo intentare ... y muy buena la pagina me encanta bexos

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

    ResponderEliminar
    Respuestas
    1. Tienes que ponerlo justo donde se indica, sólo ahí, en ningún otro lado.

      Eliminar
  128. Hola!!! :D ya lo puse en mi tumblr y esta buenisimo!!!! Pero yo buscaba en rosa y no blanco :_ no me lo podes conseguir? ;D GRACIAS!!!!

    ResponderEliminar
    Respuestas
    1. En la entrada dice dónde se cambia el código del color ;)

      Eliminar
  129. Hola AYUDA! Como le cambio el color? esque no entiendo como cambiarlo me puedes explicar bien porfavor?

    ResponderEliminar
    Respuestas
    1. Cambia el #FFFFFF por el código del color que quieras:
      http://ciudadblogger.com/p/codigos-de-colores-rgb-y-hexadecimales.html

      Eliminar
  130. Hola, quedó hermoso. Muchísimas gracias, me fue de mucha ayuda y ahora me gusta más mi blog. Si gustan verlo es:

    http://elreflejoesmifantasia.blogspot.mx/

    ResponderEliminar
  131. Hola Potro, soy un visitante compulsivo de tu web,aunque es la primera ves que comento, si algo necesito primero busco aquí,recien compre un dominio gracias a tus explicaciones, y estoy dando forma a mi blog, espero tener algo de visitas.
    Visita mi sitio, si puedes alguna recomendacion o sugerencia sería lo máximo.
    http://www.gratisylibre.com/

    ResponderEliminar
    Respuestas
    1. Gracias por tu comentario Fernando, mucha suerte y éxito con tu blog, ah, y enhorabuena por el dominio :)

      Eliminar
  132. Respuestas
    1. Sólo tienes que seguir los pasos exactamente como se indica en la entrada, si algo se te dificultase explica con claridad cuál es el problema.

      Eliminar
  133. Pero como se cambia el color de los destellos, ¿ hay qué poner el color así var colour="#FFFFFF"verdeclarito , o qué? xD ojala me respondas , saludos

    ResponderEliminar
  134. Para cambiar el color de los destellos hay que poner var colour="#FFFFFF"verdeclarito o que? xD , espero que me respondas. besos.

    ResponderEliminar
    Respuestas
    1. Hola Emilia, en ese caso el código del color es #FFFFFF que es el blanco, si quieres cambiarlo por otro entonces ese #FFFFFF debes cambiarlo por el que quieras:
      http://ciudadblogger.com/p/codigos-de-colores-rgb-y-hexadecimales.html

      Eliminar
  135. sos un puto no seeeeee A quoen Le Digo Pero No aMe Pregunten

    ResponderEliminar
  136. no me salio!!
    ayudame por fa http://adrianawaizer.blogspot.com.ar/

    ResponderEliminar
    Respuestas
    1. Veo que tienes dos códigos para estrellas en el cursor, quítalos y pon de nuevo SÓLO el de esta entrada.

      Eliminar
  137. Noo me salee ):
    nose si es porque no entiendo o algo pasa copie igual el URL y no me sale me podes ayudar ?
    estoy empezando recien..
    http://solopuedoconfiar.blogspot.com/

    ResponderEliminar
  138. Hola! Alguien me puede decir el código de un color que lleve todos los colores?

    ResponderEliminar
    Respuestas
    1. No hay un código que tenga todos los colores, cada color tiene un código exclusivo :(

      Eliminar
  139. Muy bueno estube buscando mucho tiempo sobre como poner eso en mi blog y por fin lo encontre
    Gracias :)
    Saludos :D

    ResponderEliminar
    Respuestas
    1. Me alegra que lo hayas encontrado al fin :)

      Eliminar
  140. PORFAVOR ALGUIEN KE ME AYUDE LA VERDAD NO ENTIENDO NADA...BUENO SOLO NO ENTIENDO LA PARTE DONDE DICE QUE ANTES DE ''HEAD'' OSEA ESSE 'HEAD'' QUE ES Y COMO SE HACE POR FAVOR ME AYUDAS :'(

    ResponderEliminar
    Respuestas
    1. Entra en Plantilla, ahí verás el botón "Edición HTML", busca esa etiqueta que se menciona en la entrada y ahí pégalo. Sólo tienes que seguir las instrucciones.

      Eliminar
  141. Hola!! Tengo un problema pongo el codigo y todo pero pongo 'vista previa' y no aparecen los destellos, que estoy haciendo mal?

    ResponderEliminar
  142. hola!!! No puedo hacerlo, ya copie el URL antes del 'head' pero pongo 'vista previa' y no aparece mi blog es: www.false-people.blogspot.com

    ResponderEliminar
    Respuestas
    1. He visto que aparecen los primeros destellos y luego se detiene, quizá tengas otro gadget que no deje funcionar bien a este.

      Eliminar
  143. Hola Potro, aquí de nuevo con mis preguntas:
    ¿Como puedo hacer para que en vez de que salgan destellos de un solo color, salgan de muchos colores?
    Responde pronto.

    ResponderEliminar
    Respuestas
    1. Usa el código de aquí:
      http://www.mf2fm.com/rv/dhtmltinkerbell.php

      Eliminar
  144. como se puede poner multicolor ? porque he visto que en un blog esta multicolor asi que no me digais que no se puede !

    ResponderEliminar
    Respuestas
    1. Vaya actitud, no supongas que te diré que no se puede. Mira el comentario que está arriba del tuyo.

      Eliminar
  145. Respuestas
    1. Yo sí lo veo en el blog que está en tu perfil :/

      Eliminar
  146. Hola Potro !!
    fijate que en mi blog de un momento a otro aparecieron estas estrellitas que tu mencionas en este post, a diferencia de son de Colores, realmente son signos de "(+ mas/suma)", pero no se por que pronto aparecieron, lo mas interesante es que solo funcionan en la parte superior del blog casi llegando a la barra de favoritos de mi navegador Chrome y no en el resto de la vista. La verdad mi Blog es algo serio y no creo haber instalado tal Script. Tal vez pudo haber resurgido a consecuencia de la nueva interfaz de blogger, por que cuando la cambiaron definitivamente me fallaron algunos Script y me toco solucionarlos lo mas pronto posible. Pero nunca agregue tal como estos de estrellitas de colores.

    Sabes!... no se ven tan mal eh!! pero no se como llegaron allí... ¿Me ayudas a descubrirlo amigo? por que he buscado y buscado y no encuentro el Script que pudo ocasionarlo.

    Mira este es mi Blog Circulo WH... A ver si tu encuentras algo por que a mi... me quedo grande!!..

    Mil Gracias Potro!...

    ResponderEliminar
    Respuestas
    1. A mí no me aparecen Joan, he navegado por tu blog, muevo el cursor por todas partes, arriba, y nada, no aparecen o.O

      Eliminar
  147. una pregunta emm como ago por q yo quiero ver como queda toco ver vista previa y no nose ve nada dice q estava evitando un ataque de scrit nose q

    ResponderEliminar

Los comentarios están siendo moderados y serán publicados una vez que hayan sido revisados por un administrador.
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
¿Te gusta Ciudad Blogger?