Efecto clic explosión de estrellas en el cursor


En tutoriales anteriores habíamos visto dos efectos diferentes para nuestro cursor: el efecto de burbujas que subían y el efecto de estrellas que caían al mover el cursor en nuestro blog.

Hoy vamos a ver otro efecto más para el cursor de nuestro blog. Se trata de un efecto de explosión de estrellas de colores. Este efecto funciona al dar clic en cualquiera parte de nuestro blog (por ejemplo, al momento de seleccionar algo).

Al momento de dar clic se producirá el efecto de explosión de varias estrellas de colores.

( Ver DEMO)

Para agregar este efecto, seguimos estos sencillos pasos:

1.§ Vamos a Plantilla - Edición de HTML.

2.§ Con ayuda de CTRL+F buscamos </head> y justo antes de éste, pegaremos el siguiente script:


3.§ Si dejamos el código tal como está, las estrellas cambiarán de color cada vez que demos clic; si queremos que las estrellas sean de un color único, cambiamos lo resaltado en negrita por el color de nuestra preferencia

4.§ Damos clic a guardar y listo.

Ver demo

19 opinaron:

Gra Sandel

Muchas gracias, ya lo he puesto y me gusta!!!

Jéssica YK

» Gra:
Qué bueno que te gustó (:
Gracias a ti por la visita y el comentario

S@lu2

Responder
Pachiarts

Gracias Jessica!!!...ya esta en mi blog :)

Jéssica YK

» Pachiarts:
Qué bueno que te haya gustado el efecto y lo hayas implementado en tu blog. Acabo de verlo y se ve muy bien, junto con los corazones que caen. Gracias por tu comentario (:

S@lu2

Responder
Noite de luNa

Muchas gracias por tu blog.
Me gusta lo que nos enseñas a las personas que como yo, somos realmente torpes.

Besos y reitero mis gracias

Jéssica YK

» Aquí me quedaré...:
Gracias por tu lindo comentario y por tu visita (:

S@lu2

Responder
Unknown

No se porque, pero, por alguna razon a mi no me sale el efecto. AYUDA :O

Jéssica YK

» E.N .G:
Prueba borrando el código y luego agregándolo nuevamente. Si el problema persiste, escríbeme un mensaje (:

S@lu2

Responder
Sor Lulú

Gracias Jessica,
excelente blog, con útiles consejos.
Cada vez que he tratado de pegar un código para añadir o hacer cambios, no lo he logrado. Lo último que intenté fue la explosión de estrellas y nada. Soy neófita en estos asuntos, estoy segura que algo estoy haciendo mal, ¿Me lo podrías explicar con mansanitas? Muchas gracias

Jéssica YK

» Sor Lulú:
Claro que sí. Yo te ayudo. Pero dime exáctamente el problema: ¿pegaste el código y te sale error y no te deja guardarlo? ¿qué dice ese error?

Escríbeme y yo te ayudaré con tu blog (:

S@lu2

Responder
Maria C.C.

Muchisimasa gracias ;)

Jéssica YK

» Maria C.C.:
Gracias a ti por la visita ^^

S@lu2

Responder
Unknown

gracias!

Jéssica YK

Mily, gracias a ti por la visita al blog y por tu comentario : )

S@lu2

Responder
ANDRES

:O

Jéssica YK

» Andrés:
Gracias por visitar el blog :)

S@lu2

Responder
ANDRES
Este comentario ha sido eliminado por el autor.
Responder

Por favor, trata de tener habilitado tu perfil (has click en "Comenta con el antiguo editor" para iniciar sesión) o deja un enlace a tu blog escogiendo la opción "Nombre/URL", procura no dejar comentarios Anónimos.
Nota: Si es que se presenta algún problema con el formulario de comentarios, sólo has click en "Comenta con el antiguo editor"

Gracias por participar en el blog.

inicio