Personalizar o cursor hover


Oi, tudo bem com vocês?
Hoje trago um tutorial,
que se você reparou quando você entra aqui no blog,
o cursor é personalizado, bonito, não?
Este tutorial é diferente de alguns pois ele é hover,
ou seja, não é só a seta que muda a mãozinha também.
É bem simples:

1- Copie o código abaixo:


<style>HTML,BODY, form, input {cursor: url("URL_CURSOR_NORMAL"), auto;}</style>
<style>A:hover{cursor:
url("URL_CURSOR_NO_LINK"), auto;}</style>

2- Vá no layout do seu blog e adicione um gadget de HTML/Javascript. 
Cole neste gadget o código que você copiou.

3- Agora é só substituir onde se pede o link da imagem do cursor normal 
e o link da imagem do cursor quando passar por um link.
4- Salve o gadget e pronto!

Você pode encontrar vários cursores aqui 

Não sei de quem é esse tutorial, 
já vi ele em vários blogs, se você souber de quem é, me avise!

Postar um comentário

0 Comentários