Trocar o cursor do mouse por uma imagem

Muita gente procura como mudar ou trocar o cursor do mouse por uma imagem, encontramos um jeito bem fácil de fazer isso. Usando os cursores que o site Totally Free Cursors oferece, e como o próprio nome diz são grátis.

Você só precisa entrar no site e escolher qual imagem quer usar no lugar do cursor do mouse, veja que no menu tem muitas opções, quando achar uma que goste, clique sobre ela, então vai aparecer uma pagina com o código desse cursor, onde além de pegar o código poderá visualizar o cursor em funcionamento.

Imagem no cursor do mouse

A pagina diz MySpace Codes, mas testei e funcionou perfeitamente aqui no blogspot e apareceu a imagem em vez do ponteiro do mouse, apenas quando passar o mouse sobre vídeos e alguns anúncios o cursor volta ao modelo padrão, mas na maior parte fica com a imagem que escolheu.

Então copie esse código e coloque no seu blog pela pagina layout, adicionar gadget, html/javascript e cole o código que pegou no site. Não importa o lugar da pagina que ficará isso ele funcionará normalmente.

Veja também como colocar uma imagem seguindo o ponteiro do mouse.

Adicionar ao iGoogle ou Google Reader

Link para esta página

Recomende por E-mail


Related Posts with Thumbnails

36 comentários:

Jailton André ( André) disse...

Cara teu blog é muito massa, tu entende o Blogger de "cabo a rabo".
Preciso de uma ajuda tua velho:

Me manda um código em HTML para publicar uma daquelas janelinhas solicitando adicionar a página aos favoritos, quando o leitor fecha a página, por gentileza.

Grande abraço!

Fabiano Roberto disse...

no momento não tenho o código para abrir essa tal janela para adicionar aos favoritos, mas aqui tem um código para colocar um icone ou texto para adicionar aos favoritos

http://www.dicasparablogs.com.br/2009/03/adicionar-aos-favoritos-para-o-blogspot.html

Camilla disse...

Fabiano,
não há palavras para descrever tanta inteligência. Estava como louca tentando descobrir estes ponteiros desde o dia em que vi no blog de uma amiga.

Muito obrigada!

Fabiano Roberto disse...

Camilla
eu já conhecia o site, mas nunca usei, durante o final de semana vou fazer uns testes nele

Henrique disse...

Muito bom sua dica tenho uma pergunta
eu tenho um codigo para colocar palavras e txts no centro pego esse codigo vou colocar ele no titulo do meu gadget pq não fica no centro mas quando salvo desaparece e não fica no centro, vc tem algum codigo que faz o titulo do gadget ficar no centro como o seu.

Fabiano Roberto disse...

Henrique
para centralizar o titulo dos gadgets tem que entrar na pagina editar html e procurar por h2{.. e colocar text-align:center; dentro das chaves, se já tiver algo parecido apague

Henrique disse...

BRIGADÃO por mais uma dica

Nina disse...

Ah, você viu como ficou meu curso no blog mesmo né? Ficou bom? hehe

Camilla

Professora Erika Corsso disse...

Maravilhoso seu blog, obrigada pelas dicas, coloquei seu link no meu blog... ajuda muito a todos

Flora Sellene disse...

Oi, nossa seu blog é muito bom!
Tem me ajudado bastante.
Olha só, eu tentei colocar o ponteiro com imagem mas ele não entra.
Fiz como vc disse, entrei no gagnet, html/javascript...
mas depois que eu colo o link nada acontesse.
No blog aparece o link do site, mas o ponteiro nao muda!

Fabiano Roberto disse...

Flora Sellene
qual provavelmente está usando um endereço errado de imagem

Flora Sellene disse...

Depois que eu escolho a imagem, aparece um monte de link. Uns 6 eu acho.
Qual deles eu uso então?
Muito obrigada.

Fabiano Roberto disse...

Flora Sellene
é o direct link(deve ser o ultimo da lista)

se tiver duvidas veja aqui
http://www.dicasparablogs.com.br/2009/07/imagem-nao-aparece.html

Kayan Ruiz disse...

Fabiano naum consegui vizualiar nenhum codigo nessa postagem.. apenas a img q esta com o codigo incomleto.. da pra vc mosta o codigo ??

vlw
Parabens vc é mto foda!!

Fabiano Roberto disse...

Kayan Ruiz
não somos nós que geramos os códigos para os cursores, apenas mostramos um site que faz esse serviço http://www.totallyfreecursors.com/

elyton lessenko disse...

olha tentei colocar no meu blog e naum consegui escolhi o cursor do ponterinhos coloridos fui em add gadget html/javascript mais apareceu no meu blog somente o codigo e naum os ponteros coloridos me responde via email se poder mais queria oberter resposta sobre este comentario meu e-mail é elyton_cabelodefogo@hotmail.com
tchau e parabens pelo seu blos a aproveitando queria que vc manda-se o link em que ensina a colocar as tres barras igual a do seu blog
ta
fica com deus e esperoa resposta

Fabiano Roberto disse...

elyton lessenko

nós somente testamos o site no dia que fizemos essa publicação e indicamos, mas infelizmente não podemos resolver problemas com algum dos códigos fornecidos pelo site.

Jhonny Bass disse...

cara nao to conseguindo colocar esses ponteiros, onde fica esse adcionar gadget?

Fabiano Roberto disse...

Jhonny Bass, entre na pagina layout, vai ver o adicionar gadget

Bruno disse...

Gostei muito desta dica, tava procurando isso...

Att.: Bruno
( http://brunoword.blogspot.com )

Cantinho das letras disse...

Olá!!!! Suas dicas são bacanas... Eu como outras centenas de pessoas gostaria de mudar o ponteiro do mouse. Segui sua dica mas nada aconteceu. Poderia me esclarecer melhor, por favor???
Fui no layout - adicionar gaddet - html//javascript... aparece uma caixa para digitar título e outra para texto. Qd colo o link ele aparece no blog mas o ponteiro naum muda.
Obrigada antecipadamente...

Brechó +KIXIKI disse...

Meu Deus!!!
Nem me aguento de tanta felicidade, nunca imaginei que existisse uma pessoa como vc.
Obrigada por dividir conosco o que sabe.
To feliz da vida com uma florzinha linda no meu blog.
Valeu!!!!!

Ana

Farcrus disse...

Fabiano qual dos códigos eu escolho?? é que tem uns 5 e só o ultimo funciona mas ele funciona só nos links(onde era pra aparecer a mãozinha) O resto eu copio(um por vez eu tentei) Vou lá em layout, Adicionar um novo Gadget, HTML/javascript, E colo. E quando vou lá no meu blog eu só vejo o código que colei, não muda o mouse, só fica o código lá escrito(e não removi nenhuma letra) por favor fabiano me ajuda.

Fabiano Roberto disse...

não sei qual dos códigos é o melhor.

aquele site não é nosso, apenas indicamos, tem que usar uma das opções oferecidas nele.

Farcrus disse...

Galera eu consegui resolver o problema que só aparece o escrito ao invés do mouse, para resolver esse problema você deve copiar tudo da primeira caixinha, e colar isso daqui antes do escrito:" < s t y l e > " e no final do texto colar isso:" < / s t y l e > " funcionou comigo. Obs: Cole sem os parentes e nem os espaços, tive que colocar espaço porque o HTML não podia ser aceito, Tire os espaços.

Jess Williams disse...

Eu não consegui!
Acabei de criar um blog mais o link depois que salvo fica lá em baixo e o cursor a mesma coisa. O que estou fazendo de errado?

http://bloggeekmix.blogspot.com/

Fabiano Roberto disse...

Jess Willims
não somos responsáveis pelo site que fornece as imagens para usar como ponteiro do mouse, apenas indicamos esse site porque em testes que fizemos no dia da publicação deste tutorial funcionou bem.

então sugiro que tente usar outra imagem ou pesquisar outras maneiras de trocar a imagem do cursor do mouse, infelizmente após a recente mudança nos templates do blogger alguns códigos não funcionam como antes.

Flávia Convites disse...

POxa nem acredito que finalmente consegui!!! up up up....
Rodei meio google e nada, muito obrigadaaaaaa de s2, só fiquei cafifada com uma coisa ficou o banner do site é normal?

Fabiano Roberto disse...

o site fornece os cursores, mas faz mostrar o banner deles como divulgação, não tem como mudar isso.

Anônimo disse...

Olha, eu faço do jeitinho que tá ensinando aí, coloco o html/javascript e depois o código, mas aparece dizendo que "O URL contém caracteres inválidos".
O que fiz de errado??

Fabiano Roberto disse...

anônimo, se quiser envie o código que está usando para nosso email e vamos olhar se achamos o problema

Lúria Stael disse...

Ai meu Deus não consigo, faça direitinho esse negocio, e não da certo, quero corações no lugar do ponteiro do ouse, ai me ajuda!
SOCOOOOOORRO!

Fabiano Roberto disse...

tem que ver o código e instruções no site que indicamos, nós não fazemos os cursores, apenas sugerimos um site.

Élen Cristina . Rio Grande do Sul. disse...

Fabiaaano parabééns mas essa dica sua eu não to conseguindo usar no meu blog: http://elen8d.blogspot.com/

tipo eu copio um dos links que tem em baixo mas aparece o link, eu sei devo ter feito algo errado, mas podia me explicar melhor onde esta o link qe eu tenho que copiar?
muito obrigada *_____* abração nerd wlw pelas dicas

Fabiano Roberto disse...

não somos os responsaveis pelo site que faz os cursores, apenas o indicamos, talvez haja algum problema no código do site.


aquele código pode ser colocado na pagina editar html, logo depois de body{..}...

swll kiwi disse...

Oi Fabiano, adorei as dicas, so queria saber onde eu coloco o codigo, tem no adicionar gadget - html/jascript mais não deu certo, imaginei que não daria, portanto gostaria de saber onde eu aplico o codigo . obrigada desde já!