Cursor Hover

Hoje venho trazer um tutorial bem básico e fácil, muita gente que tem blog/site de anime usa um cursor diferente para dar uma sofisticada na página e dinamizar, às vezes fica legal dependendo de qual icon você coloca no cursor... O código que vou deixar é de um Cursor Hover, que creio eu que nessa atura do campeonato todos que acompanham nossos tutoriais sabem o que é Hover, para quem não sabe vou fazer uma síntese do que seria isso:

Hover é basicamente tudo aquilo que muda de estado ao passar o mause, nesse caso o cursor do mause muda de estado ao passar em um link.

Portanto tendo esse conceito em mente vamos ao tutorial que por sinal é muito rápido:

Procure pela seguinte tag:

</head>
e acima dela adicione o seguinte código:

body, a {cursor: url(URL DO CURSOR NORMAL), progress;}
a:hover {cursor: url(URL DO CURSOR HOVER), progress;}
.imagedropshadow {border: solid 1px #000;}
Agora é só colocar os url's das imagens em seus respectivos lugares: NORMAL e HOVER.

É isso ai galera isso foi uma coisa básica, mas espero que tenham gostado, até mais.