Como inserir imagens ao cursor do mouse

Existe um método para trocar o porteiro do mouse, que você entra na internet e baixa um pacote de imagens para a pasta cursores do Windows e aí é só escolher, mas este método só funciona apanas para você no seu computador. Aqui eu vou te ensinar a colocar qualquer imagem para funcionar no seu site, blogs, comunidades e cartões em redes sociais. Não são todas as redes que suportam este recurso, mas 90% delas suportam e os principais navegadores também suportam.
Bom, para começar você tem que  redimensionar a imagem ao um tamanho no máximo 50 x 50. Então aqui um editor mais simples par acesso e que todo mundo tem em seus computadores o pant mo Windows ou o semelhante no Linux ou Mac. 

Abaixo o exemplo.

1- Abra a imagem com o paint, clique em redimensionar, marque pixels,

desmarque manter a proporção e digite 50 para horizontal e 50 para vertical e salve.

2- Depois hospeda eta imagem em, qualquer seite hospedeiro de imagens da internet.

3- Agora você precisa de código de imagens ou de textos para o cursor de imagens aparecer.

Digite ou copie os códigos os comptos  abaixo: Imagem: <img src="endereço da imagem" style="width:largurapx;height: alturapx;">

 definindo as dimensões para usar o cursor: <img src="  style="width:400px;height:350px;">

Fundo <p style="background-color: cor do fundo; width: largura; height: altura;">definindo as dimensões para usar o cursor: <p style="background-color: black. width: 460px; height:500px;"></p>

Texto<span style="font-size:tamanho da fonte; color:cor da fonte;">definindo as dimensões para usar o cursor: <span style="font-size:30x; color:red;">Escreva o texto</span>

4- Para usar a imagem no cursor você precisa acrescentar este código cursor:url( ),default;};

Na imagem <img src="endereço da imagem" style="width:largurapx;height: alturapx;"cursor:url( imagem do cursor),default;};">

5-Código imagem com cursor:

<img src="endereço da imagem" style="width:largurapx;height: alturapx;">

 definindo as dimensões para usar o cursor: <img src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1tVSVCIx8fH5lHa9KpqzL-q_SM0kuPZxdMckEnJJE5D4ltRpyWUk_AtgABXQhB9qYOaMBBwyv3MbOurL2mNvU4eRAGXBGrB-jn5GPTxyjNv3H53tiUuw031kNz3QwyHdAAziOw8ag4tA2nBIZP_kiSYmnz3oMmOiEfyitBEmu9vMDf97npa4RmPH8/s320/imagem-ponteiro-do-mouse.jpg"style="width:400px;height:350px;cursor:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixSiiXPrK7CO3zjxr40V6cQIZMqjd5eVd06ekk7RgcVxXv5GrRCOJB0SXasADrPzcmkZEovzNbW_LYmnOXU6CAgHs8zry2VMwhhHMmybtnj8yYL9CeEbiYL-3-gU26EvFqvWxH-SD_9T6We8Ub0QH28OAFucbSqXx02wH1Hze3A2q48k6wuQO9wXz5/w22-h19/logo-orkut.png ),default;};">

6 -Fundo com cursor <p style="background-color: cor do fundo; width: largura; height: altura;">definindo as dimensões para usar o cursor: <p style="background-color: black. width: 460px; height:500px; cursor:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixSiiXPrK7CO3zjxr40V6cQIZMqjd5eVd06ekk7RgcVxXv5GrRCOJB0SXasADrPzcmkZEovzNbW_LYmnOXU6CAgHs8zry2VMwhhHMmybtnj8yYL9CeEbiYL-3-gU26EvFqvWxH-SD_9T6We8Ub0QH28OAFucbSqXx02wH1Hze3A2q48k6wuQO9wXz5/w22-h19/logo-orkut.png ),default;};"></p>

7- Texto com cursor  <span style="font-size:30x; color:red; cursor:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixSiiXPrK7CO3zjxr40V6cQIZMqjd5eVd06ekk7RgcVxXv5GrRCOJB0SXasADrPzcmkZEovzNbW_LYmnOXU6CAgHs8zry2VMwhhHMmybtnj8yYL9CeEbiYL-3-gU26EvFqvWxH-SD_9T6We8Ub0QH28OAFucbSqXx02wH1Hze3A2q48k6wuQO9wXz5/w22-h19/logo-orkut.png ),default;};">Escreva o texto</span>