Cursor do Mouse personalizado

Por pouco eu não posto nada hoje, mas me lembrei de uma dica super simples que qualquer um pode fazer... Mas antes gostaria de agradecer aos mais de 15.000 acessos no DSM, obrigada a todos que passam ou passaram por aqui!!!
O código é bem simples, eu já vi uma penca de blogs que tem, mas não vai funcionar em todos os navegadores (eu sei que no Firefox funciona, no IE não funciona, nos outros não faço ideia) se você não está visualizando um mouse diferente aqui no DSM significa que não vai funcionar no seu navegador. Se está vendo, vai em frente é só seguir os passos, mas preste muita atenção pra não errar!!! De preferência, experimente antes em um blog de testes ou faça Backup do seu Template.

1º Passo - Escolher a imagem:

A imagem vai à gosto, é claro, mais vale lembrar algumas dicas básicas para você não errar na hora de escolher a imagem.
Escolha sempre imagens pequenas, de preferência com formato já com uma setinha ou que lembre um cursor.
Use sempre imagens com fundo transparente, senão vai ficar muito estranho. O melhor formato para transparência é o ".pgn", mas você também pode usar o ".gif".

2º Passo - Hospedar a imagem:

Para saber como hospedar uma imagem clique aqui. Caso a imagem já esteja em algum lugar na net, é só você copiar o endereço dela (clique com botão direito, no Firefox, e clique em "Copiar endereço da imagem". No Explorer, se eu não me engano, clique com o botão direito, depois "propriedades" e ache o endereço na tela que abrir (não tenho muita certeza, não uso o IE há muito tempo)). Nunca hospede a imagem no próprio blogspot, ou ela vai ficar sem a transparência.

4ºPasso - Colocar o código:

Vá no Designer do Modelo, que fica na guia Modelo> Personalizar (o botãozinho laranja abaixo do seu template atual). Ao abrir completamente o Designer do Modelo (tem que aparecer uma visualização do seu template atual abaixo), clique na guia Avançado (última guia) > Adicionar CSS (última opção da lista), vai abrir uma caixa branca onde está escrito em cinza: "Adicionar o CSS aqui para substituir estilos existentes". Aqui nós vamos colar o seguinte código:

body {cursor: url('URL_DA_IMAGEM'), url('URL_DA_IMAGEM'), auto;}

No lugar de URL_DA_IMAGEM, cole o endereço da sua imagem já hospedada. É importante que seja entre os parênteses , que tenha o http:// e que tenha os apóstrofos ('), cuidado para não apagar nenhum desses caracteres!!!
O mouse não vai aparecer na visualização. Então clique em "Aplicar ao Blog", depois vá normalmente no seu blog para ver se mudou o cursor.

Se você mexe no HTML do seu template, basta acrescentar o código entre colchetes em body {  

Se você ainda tem dúvidas sobre o assunto, deixe um comentário!!!

Mil Sweetkisses,