Como Mudar (Personalizar) o Cursor do Mouse no Blog

Como colocar imagem no cursor do mouse do blog. Veja como mudar o cursor do mouse no seu Blogger e personalizar com a imagem que desejar. Você pode escolher um cursor para o conteúdo (body) e outro cursor para quando passa o mouse sobre os links de texto ou imagens (a:hover). Esses efeitos no cursor no blog podem servir para despertar mais interesse dos seus visitantes e de alguma forma dar algum destaque ao seu blog. Mas é claro mudar o cursor do mouse é uma boa opção dependendo de qual o seu nicho e publico alvo do seu blog.

Mudar o Cursor do Mouse no Blog

Como Mudar o Cursor no Blog

Você pode notar que nesta pagina de nosso blog o cursor do mouse está diferente tanto sobre o texto como também sobre qualquer link (passe o mouse sobre esse link: Lista de Tutoriais), então para fazer isso no seu blog entre na pagina layout > Adicionar Gadget > Html/javascript e cole esse código:

<style type="text/css">
body  {cursor: url(http://img2.blogblog.com/img/icon18_edit_allbkg.gif), progress;}
a:hover {cursor: url(http://www.blogger.com/img/b16-rounded.gif), progress;}
</style>

Você pode notar que usamos duas imagens padrão do Blogger no exemplo uma é o favicon do blog (http://www.blogger.com/img/b16-rounded.gif) e a outra a imagem do lápis que serve como link para editar as postagens (http://img2.blogblog.com/img/icon18_edit_allbkg.gif), por isso sugerimos que insira esse código exatamente como está para fazer um teste no seu blog e depois troque as imagens por aquelas que desejar usar como cursor do mouse.

Veja aqui alguns links para ajudá-lo a criar imagens ou achar ícones para usar como cursor do mouse no seu blog:
Colocar Efeitos em Fotos e Imagens: Bordas, Desenhos, Texto, Editar Cores
Como Hospedar Imagens no Blogger
Dicas sobre Colocar Efeitos em Fotos/Imagens e Como Fazer Banners

Como falamos no inicio esse tipo de personalização no blog pode ser útil para alguns tipos de blogs e parecer totalmente fora do contexto para outros tipos de assunto, por isso antes de fazer essa alteração pense sobre qual o publico do seu blog e a opinião deles sobre você usar mudar o cursor do mouse utilizando uma imagem personalizada no cursor do mouse no seu blog.

20 comentários :

  1. ÓTIMO FABIANO!!! eu estava querendo aprender como fazer isso e você explicou perfeitamente!!!! você está de parabéns, continue assim seu blog é demais :)

    ResponderExcluir
  2. Obrigado. Com você estou a aprender muito sobre os mais variados assuntos. Ótima ajuda, que agradeço!

    ResponderExcluir
  3. Eu estou começando um blog e gostaria que vocês dessem uma olhada para ver o que devo melhorar.

    ResponderExcluir
    Respostas
    1. é difícil dizer o que precisa melhorar em um blog, mas veja o link abaixo:
      Como Melhorar e Personalizar um Blog - Por onde Começar?

      Mais importante que a minha opinião ou de qualquer outra pessoa em particular é saber o que funciona melhor e agrada seus visitantes.

      Faça testes: troque gadgets de lugar, adicione ou retire algum gadget e veja se nota diferença nas visitas, tempo das pessoas na pagina, taxa de rejeição.... e assim aos poucos vai achando o melhor caminho para o seu blog

      Excluir
  4. Valeu Fabiano! Você Me Ajudo Muito Metade Do Meu Blog Está Com Todos Os Códigos Que você Postou!

    ResponderExcluir
  5. Não consigo ele fala que
    O URL contém caracteres inválidos

    ResponderExcluir
  6. NÃO CONSIGO
    ELE DIZ QUE OS CARACTERS SÃO INVALIDOS

    ResponderExcluir
  7. tenho um blog e gostaria que vocês dessem uma olhada para ver o que devo melhorar.

    www.sempreonlinecomamigos.blogspot.com

    ResponderExcluir
  8. Não consigo da que o url contém caracteres inválidos...

    ResponderExcluir
  9. tem que pegar o direct link da imagem (link direto)

    ResponderExcluir
  10. O meu ñ funcionou :p ñ aparece

    ResponderExcluir
  11. veja se usou o endereço correto da imagem, normalmente é este o problema.

    ResponderExcluir
  12. Valeu ae car tava precisando :)

    ResponderExcluir
  13. Show, o único que deu certo de primeira!

    ResponderExcluir
  14. Adorei a dica, funciona perfeitamente, porem se eu alterar a imagem, o mesmo não funciona mais, fica o tempo todo como aquele circulo girando e girando como se estivesse carregando e não para.

    ResponderExcluir
    Respostas
    1. provavelmente você colocou o endereço da imagem errada.

      faça o seguinte
      salve a imagem que você quer no seu computador

      depois crie uma pagina no seu blog e poste a imagem.
      Esta pagina servirá apenas para salvar imagens. Assim você pode salvar (hospedar) esta e outras imagens no seu blog sem utilizar imagens externas.

      depois copie o endereço desta imagem e use no código que mostramos neste tutorial.

      se quiser poste o endereço da imagem que você usou e vou dar uma olhada ...

      Excluir