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.
<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.
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.
Marcadores: CSS, Personalizar, Template