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.
ÓTIMO FABIANO!!! eu estava querendo aprender como fazer isso e você explicou perfeitamente!!!! você está de parabéns, continue assim seu blog é demais :)
ResponderExcluirObrigado. Com você estou a aprender muito sobre os mais variados assuntos. Ótima ajuda, que agradeço!
ResponderExcluirObg, me ajudou muito :D
ResponderExcluirEu estou começando um blog e gostaria que vocês dessem uma olhada para ver o que devo melhorar.
ResponderExcluiré difícil dizer o que precisa melhorar em um blog, mas veja o link abaixo:
ExcluirComo 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
Valeu Fabiano! Você Me Ajudo Muito Metade Do Meu Blog Está Com Todos Os Códigos Que você Postou!
ResponderExcluirNão consigo ele fala que
ResponderExcluirO URL contém caracteres inválidos
NÃO CONSIGO
ResponderExcluirELE DIZ QUE OS CARACTERS SÃO INVALIDOS
tenho um blog e gostaria que vocês dessem uma olhada para ver o que devo melhorar.
ResponderExcluirwww.sempreonlinecomamigos.blogspot.com
qual a url da imagem que está usando?
Excluirprecisa hospedar a imagem no blogger e copiar o endereço.
OK
Excluir?
ExcluirNão consigo da que o url contém caracteres inválidos...
ResponderExcluirtem que pegar o direct link da imagem (link direto)
ResponderExcluirO meu ñ funcionou :p ñ aparece
ResponderExcluirveja se usou o endereço correto da imagem, normalmente é este o problema.
ResponderExcluirValeu ae car tava precisando :)
ResponderExcluirShow, o único que deu certo de primeira!
ResponderExcluirAdorei 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.
ResponderExcluirprovavelmente você colocou o endereço da imagem errada.
Excluirfaç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 ...