Páginas

05 julho 2012

Mudar o cursor do mouse + 40 Cursores


Oi cherries! Eu já ensinei neste tutorial como mudar o cursor do mouse, mas ele só mudava o cursor em estado normal (a setinha branca). Hoje eu vou ensinar além de mudar o cursor normal, mudar também o cursor que  aparece quando se passa o mouse por cima de um link. Veja o exemplo do antes e depois:

É bem simples:
1- Copie o código abaixo:

<style>HTML,BODY, form, input {cursor: url("URL_CURSOR_NORMAL"), auto;}</style>
<style>A:hover{cursor:
url("URL_CURSOR_NO_LINK"), auto;}</style>

2- Vá no layout do seu blog e adicione um gadget de HTML/Javascript. Cole neste gadget o código que você copiou.
3- Agora é só substituir onde se pede o link da imagem do cursor normal e o link da imagem do cursor quando passar por um link.
4- Salve o gadget e pronto!

Agora cursores para vocês usarem no seu blog. Tem quarenta, misturando estilo normal e estilo hover. Todos foram encontrados no Free Cursos 4U, lá tem muitos outros bem fofos.

cur265cur267cur271cur272cur518cur513cur830cur832cur837oth657oth658oth659cur914cur918cur1049cur1054cur1076cur1089nat928nat992nat1014nat1019nat1026oth639oth640oth641oth644nat997oth643oth645oth665oth667oth668oth800oth802oth803sym594sym597
Espero que tenham gostado! Sei que estou meio atrasada com os comentários, mas é que não deu mesmo pra responder todos ainda. Não deixem de dar sugestões de posts nos comentários ok?
Kissus, Liah

147 comentários:

  1. Quee fofooos! Amei o de asa!Beijos~~
    cotidianodeumabarbie.tk

    ResponderExcluir
  2. AWN QUE LINDO O CURSOR DO NYAN CAT :33
    http://cherremcrise.blogspot.com/

    ResponderExcluir
  3. Ótimo tutorial Liah! Eu acho esse efeito bem legal, pelo menos fica lindo aqui no CB.

    Beijos, Garota de All Star

    ResponderExcluir
  4. Adorei! Otimo!Eu amoo seu blog. Aproveita e dá uma passadinha no meu? www.oladoprincesa.blogspot.com desde já obrigada pelos tutos

    ResponderExcluir
  5. Que lindos!!! Amei de coração :D
    O do Nyan cat é super kawaii *3*

    AaaaAh! E tem ali um que condiz mesmo com o layout do meu blog! Se calhar vou por ^^

    Beijos!
    http://sorvete--de--morango.blogspot.com/

    ResponderExcluir
  6. Eu já uso esse tipo de cursor, é muito lindo.bjs
    http://blogbondmais.blogspot.com.br/

    ResponderExcluir
  7. Todos são uns mimos. Principalmente os de setinhas >.<

    Um beijo,
    http://www.world-cutest.blogspot.com.br/2

    ResponderExcluir
  8. Super fofos !

    Beijos,
    Camila Angelina
    http://cantinhodacaps.blogspot.com.br (agora com TEMPLATE ANIMADO)

    ResponderExcluir
  9. Adorei os cursores, são lindos. eu adorei aqui, tava procurando por um blog de tutos pra eu poder fazer o meu, e eu só usei aqui kkkk!
    òtimo, parabéns pra vocês.
    segredos-deumapoeta.blogspot.com

    ResponderExcluir
  10. Adorei todos, salvei o do Nyan pro meu notebook! Ótimo tutorial Liah, amei ♥ Bezoos:3
    http://www.viciadasemcupcake.blogspot.com.br/

    ResponderExcluir
  11. Lindos, coloquei no meu blog,,

    Vuuup>>>>www.portal-girls-oficial.blogspot.com.br

    ResponderExcluir
  12. Amei, peguei alguns cursores, muito obrigada Liah!!
    Beijos!!
    Garota Vertigem

    ResponderExcluir
  13. Aaaah, que fofos os cursores :3 O tutorial é bem fácil, né? Super simples. Nem precisa mexer no HTML. Liah, esses dias mesmo fiz 10 cursores para links, e nem vou precisar fazer o tuto ensinando, porque vou colocar o link desse post no meu blog ok? Em breve eu posto. Um beijo!

    http://onthefame.blogspot.com.br/

    ResponderExcluir
  14. Ain que cusores lindos ameii
    bjss
    http://coiisinhasdegarotass.blogspot.com.br/

    ResponderExcluir
  15. Acho lindo cursor em hover.
    Lindos os cursores!
    http://magic--teens.blogspot.com.br/

    ResponderExcluir
  16. Nossa que perfeitos esses cursores , vou usar o código tá liah e uma base de cursor para fazer e distribuir em meu blog ! Mais darei os créditos do código :)) !
    Liah onde vc mapeia suas imagens ? No image - maps ? bgs s2
    guidymania.blogspot.com

    ResponderExcluir
  17. Lindões! Amei, mas eu sou meio pobre de cursores, não uso muito, talvez use nesse layout.

    ummilkshake.blogspot.com

    ResponderExcluir
  18. Lindoos! Obrigada Liah por ter atendido meu pedido, mas o meu não aparece de jeito nenhum o cursor ... Por que será?

    ResponderExcluir
  19. Amei, principalmente os de mustache!


    www.meninademustache.blogspot.com

    ResponderExcluir
  20. Amei os cursores, e ótimo o tutorial ^^
    http://themudancas.tk/

    ResponderExcluir
  21. amei demais, como sempre né hahahh'
    voce sempre dedicada ao blog, e aos leitores, fiquei dando pulos de alegria quando vi seu comentario em meu blog *-*
    Beijos
    Bolha Doce || Vem me visita ?

    ResponderExcluir
  22. Amei os cursores! Principalmente o do bigodinho.

    http://heleninhanunes.blogspot.com.br

    ResponderExcluir
  23. Cursores lindos !!!
    Beeijos !!!

    Dreams-of-imagine.blogspot.com

    ResponderExcluir
  24. Amei, mas nao deu certo no meu blog :(
    Bjs!

    ResponderExcluir
  25. Liah, fiz no meu e não deu certo.. ;x
    Ai deixei como estava mesmo... enfim, é isso. Seu blog já fica na minha barra de FAVORITOS :)
    Bêezo!
    http://umameninadelicada.blogspot.com.br/

    ResponderExcluir
  26. Ameei os cursores *--* Estava precisando desse tutorial! Valeu Liah, como sempre inovando na blogosfera com vários tutos diferentes!

    Kissus ----> Blog Bola de Chiclete.com ♥

    ResponderExcluir
  27. O tutorial eu já conhecia. me apaixonei pelo cursorzinho do nyan cat auehaueh <3
    http://garotadoolharsincero.blogspot.com.br/

    ResponderExcluir
  28. Super fofos! Adorei os cursores! (:
    Tem post novo lá no GA,gostaria que você conferisse.te espero lá viu? *--*
    Beijinhos
    http://garota-amargurada.blogspot.com

    ResponderExcluir
  29. Não deu certo no meu blog :( Faze o que né?

    http://puro-gliter.blogspot.com.br/

    ResponderExcluir
  30. eu peguei! vou creditar sim! um beijoo

    ResponderExcluir
  31. OLÁAA! Achei seu blog no Google e achei ele super lindo *-* Você que fez o layout? Nossa, ele é perfeito! E me ajudou a colocar a página do facebook ali do lado.

    Beijos!
    http://like-paradise.blogspot.com.br/

    ResponderExcluir
  32. Amei os cursores!São lindos,estava procurando por este tuto,obrigada!
    http://www.meninaesperta.com.br

    ResponderExcluir
  33. Oii ! Amei essa Postý ! Amei mesmo ! Aceita Afiliação ? Espero quem sim , admiro muito seu blog ! Parabéns ! Me responda Na Cbox * Menu * ou na Primeira Post *-*

    ~~> http://gabrielle-simoes.blogspot.com.br/

    ResponderExcluir
  34. Aaah! Adorei *O* estava precisando desse tutorial \õ\ adorei os cursores, irei usa-lós no novo lay *¬*
    Bye~
    http://roseof-pain.blogspot.com.br/

    ResponderExcluir
  35. Adorei o tutorial. Os cursores são muito fofos =^.^=
    Seu blog está cada vez melhor e espero que tenha muito sucesso.

    Kissus
    http://mar-de-glitter.blogspot.pt/

    ResponderExcluir
  36. Nossa, que gracinha ! Cada um mais lindo que o outro. *-*


    www.nosnopc.blogspot.com

    ResponderExcluir
  37. AAh, que legal! Queria saber esse tuto faz teempo...vou usar na reforma do blog! \Õ/

    Beeijo
    www.blogmymemories.com

    ResponderExcluir
  38. Amei os cursores!
    Eu estava procurando por esse tuto, obrigada!

    Não me acorde, estou sonhando!

    ResponderExcluir
  39. Que cursores liindooos <3 amei

    http://garota-impulsiva.blogspot.com.br/

    ResponderExcluir
  40. Eu A-DO-REI o seu blog garota! Essa é minha primeira visita aqui. Vi seu link em outro blog e resolvi vir conhecê-lo. Adorei tudo e já estou lhe seguindo.Seu blog é muito bem organizado e suas postagens muito bem elaboradas.

    Se não se importar, pode seguir o meu blog também?

    http://nosnopc.blogspot.com

    beeijos e te espero lá!

    ResponderExcluir
  41. Oii, lindona!!
    Já usava este tuto, mas é ótimo pra quem ainda nao usa.
    Amei os cursores ;)
    BjsEficacomDios;*
    www.girl-faith.blogspot.com

    ResponderExcluir
  42. Ameei,Perfect!
    Se Puder Retribui?
    http://aapenasumasimplesmenina.blogspot.com.br/

    ResponderExcluir
  43. Adorei esses cursores! Todos são tão lindos! O cursor "rock" é muito fofo! É não é complicado de colocar! Adorei!
    Só quero sugerir mais tutoriais do Photofiltre. Baixei esse editor recentemente e queria aprender a fazer um monte de coisa legal pro blog! Dá para montar um cabeçalho bonito no photofiltre? Eu vi aquele post que vc ensina a montar um com a foto da Avril! Traz mais tutoriais assim,Liah! Será muito útil mesmo! Obrigada!
    bjs
    http://blogtrashrock.blogspot.com.br/

    ResponderExcluir
  44. Adorei, visita meu blog http://makemaniaecia.blogspot.com.br/

    ResponderExcluir
  45. Que lindos os cursores! Esse tutorial que você ensina é uma maneira bem fácil de colocar, eu sempre sabia de outra maneira, mas envolvia HTML e tudo mais. Dava uma preguiça! Sempre arrasando, não é Liah? Um beijo.
    onthefame.blogspot.com
    the-zombie-attack.blogspot.com

    ResponderExcluir
  46. NOssa ameiiii os cursores!!!
    serio mesmo eu tava procurando um la pro blog! =D
    brigadão !
    Ordinary Girl

    ResponderExcluir
  47. Não sabia que era tão fácil! Lindo os cursores, inclusive o que você colocou aqui ^^

    xoxo
    putmerd.blogspot.com

    ResponderExcluir
  48. Cursores lindos, amei :)

    Beijos,
    http://placestyle.blogspot.com.br/

    ResponderExcluir
  49. Amo o seu blog, então por isso SELINHO pra você --> http://teen-girl-luuh.blogspot.com.br/2012/07/ganhei-o-primeiro-selinho.html

    http://teen-girl-luuh.blogspot.com

    ResponderExcluir
  50. Que tutorial ótimo, Liah. Gostei demais dos cursores, são lindos e hiper fofos, igual ao seu blog. Saiba que sempre estarei visitando o CB, e que eu adoro aqui *-*
    Beijinhos, http://momamoraes.blogspot.com

    ResponderExcluir
  51. Te masdei um selinho!
    Beijos ^^
    http://magicamenteinesplicavel.blogspot.com.br/

    ResponderExcluir
  52. Oie coloquei com sucesso no meu blog!Amei o tutorial!http://myworldispink4you.blogspot.com.br

    ResponderExcluir
  53. Adorei esse tutorial Liah, queria muito saber como fazer isso e finalmente aprendi. ^^
    Vou usar no meu próximo lay.

    Beijos menina ;*

    camilasdesigns.blogspot.com.br

    ResponderExcluir
  54. Legal estou usando no meu blog!

    ResponderExcluir
  55. Olá Liah! Só agora vi seu comentário no outro blog, desculpe. Sim, estou morando em Macapá! Você é lolita? Eu fui no Amapanime Vacation e no Anime Connect. Você foi?
    Abçs!

    ResponderExcluir
  56. Awn, da um efeito lindo no blog com o cursor diferente, né ?
    Os cursores são lindos, adorei, salvei vários *-*

    farryteen.blogspot.com

    ResponderExcluir
  57. ensina a fazer uma página com os post igual a vc?

    ResponderExcluir
  58. Adooreei...

    girls-attitudes.blogspot.com

    ResponderExcluir
  59. amei!já fiz isso no meu blog e ficou lindo!

    ResponderExcluir
  60. Liah , HEEEEEELP , TÔ FAZENDO TUDO NOS CONFORMES , MAS SÓ ESTÁ PEGANDO O CURSOR NAS FOTOS ! E JÁ TENTEI TODOS OS MODELOS . POR FVR ME AJUDA !

    ResponderExcluir
  61. Eu acho legal cursor mas não quero colocar agora no meu blog.

    Talita,
    www.meninasdaliberdade.blogspot.com.br

    ResponderExcluir
  62. amei amei amei :3

    Visitam meu blog ? ele é novo
    http://paraisodascoisas.blogspot.com.br/

    ResponderExcluir
  63. ameei *-*

    Nova aqui .
    http://paraisodascoisas.blogspot.com.br/

    ResponderExcluir
  64. Oii ' Liah

    se não se importa vou colocar no meu blog tá???

    blogueiros-kaal.blogspot.com

    ResponderExcluir
  65. oi cherry! obrigadoo o meu deu certo! bjsss

    charmesdemulhercrislaine.blogspot.com

    ResponderExcluir
  66. Ameei esse tutorial *u*
    Já to seguindo o seu blog ! :) Oww, amei o cursor de top ! :D
    Boown pode me seguir de volta ? *3*
    Thanks ^^
    http://www.myypink-world.blogspot.com
    xoxo, Lau

    ResponderExcluir
  67. Que lindoooooooooos ' ><
    Acessa ?http://tudoquemeninagosta-new.blogspot.com.br/

    ResponderExcluir
  68. Nossa velho!! muito bommesmo esse tutor!! mudei o meu cursor para um animação do Zoro! ficou foda!!! XD
    visitem meu blog! ele eh novinho em folha feito hoje!! eh sobre mangás!!
    http://zoroexpress.blogspot.com.br/

    ResponderExcluir
  69. oi, amei o tutorial,porém não consigo colocar no meu blog. me ajuda? http://rock-glitterdanny.blogspot.com.br/

    ResponderExcluir
  70. Ficou estranho.

    http://wwwtudodetudodamarci-superblogdamarci.blogspot.com.br/

    ResponderExcluir
  71. Eu gosto muito do seu blog pois, ajuda muito a minha vida mais só acho que você devia postar coisas pra ambos sexos

    ResponderExcluir
  72. usei no meu blog, muito fácil suas informações, obrigado, bjs
    fotosemomentoss.blogspot.com.br/

    ResponderExcluir
  73. Brigada Liah ajudou muito!!
    Cinderella De Pernas Pro Ar (clica no perfil)

    ResponderExcluir
  74. Muuuuito legal, já colequei no meu blog, vê lá,
    http://comoserumagarota-livro.blogspot.com.br/

    ResponderExcluir
  75. Fofa posso por esse tuto no meu blog vou dar os devidos creditos.Coloco até seu link-me ok??

    ResponderExcluir
  76. Oii. Tentei colocar no meu blog, mas não deu certo!! Vcs podem me dizer o que ouve?? Link : http://imaginebelieber-meucadernodehistorias.blogspot.com.br/

    ResponderExcluir
  77. Oiii, amei seu blog e vc e mouuito vaidosa amei mesmo tah tenho 11anos e vc e minha parceira táh ?

    ResponderExcluir
  78. Estava procurando por cursores e achei aqui *.* Que felicidade! Obrigada :D vou colocar, amei o mustache :)

    ResponderExcluir
  79. Demorou mais aprendi .. kk
    Coloquei o mustache *-* lindo de tudo!

    http://janettdosantos.blogspot.com.br/

    ResponderExcluir
  80. O bigodhinhoooooooooo pretuuuu, linduxooo!!!! Mas acabei de trocar por um cursor de borboleta tão bunitinho, depois eu ponho esse!

    http://facebook.com/brogandome/
    http://brogandome.blogspot.com/
    http://saorimonroecobain.tumblr.com
    @carolposeidon

    ResponderExcluir
  81. demais, adorei !!! adoro seu blog, e mt lindo e seus tuto são muito uteis

    ResponderExcluir
  82. Tutorial perfeito e prático.
    Ajudou bastante!

    ResponderExcluir
  83. Muito obrigada fiz um lindo para meu blog com a ajuda do seu blog hehehee beijossssss

    ResponderExcluir
  84. oi, eu queria avisar q eu usei o cursor do nyan cat no meu blog ( tudo-terca.blogspot.com) e postei os cursores COM OS CRÉDITOS do seu blog :) valeuu

    ResponderExcluir
  85. Não achei onde adiciona o gadget html/javascript :( #mimi

    ResponderExcluir
  86. Nossa, PERFEITO! Me foi mega útil! HAHAHAHA beijos ;*
    Cit'A'Holic

    ResponderExcluir
  87. Oi,adorei todos,vou pegar o do ROCK,PD.tk

    ResponderExcluir
  88. Oi,então com esse novo modelo do blogger to meio perdida. Vc que criou o seu template? Porque eu baixei um,então,eu to meio perdidinha...Sou iniciante!
    omundomagicodelolo.blogspot.com.br

    ResponderExcluir
  89. oiee!!
    eu estou adorando suas dicas... mas quando fui editar para o cursor eu acabei mexendo em alguma coisa no HTML e agora meu plano de fundo e a cor das letras não aparecem.. poderia me ajudar?

    ResponderExcluir
  90. oi eu me chamo gustavo e achei seu blog muito legal http://theboys-coisadegaroto.blogspot.com.br/
    e meu blog me segue eu segui vc ta

    ResponderExcluir
  91. oi também tem o html do cursor dos textos ?

    ResponderExcluir
  92. ficou otimo no meu blog beautyblog-nina.blogspot.com clique no link e me siga!!!

    ResponderExcluir
  93. amei o blog >.< lindaaaaaaaaaas segue ? comentem e sigo de volta XOXO'
    http://meubrilhoreal.blogspot.com.br/

    ResponderExcluir
  94. Olha, muiito bom seu Blog, peguei o código
    e quando quizer ver filmes online sem virus entra la :D
    http://filmesonline4you.blogspot.com.br/

    ResponderExcluir
  95. não consegui :c
    fica aparecendo:
    ), auto;} ), auto;}

    Me ajuda '-'

    http://tudo-baka.blogspot.pt/

    ResponderExcluir
  96. não consegui tb me ajuda
    http://garotasimperfeit.blogspot.com.br/

    ResponderExcluir
  97. Amei, super fácil e simples, já coloquei no meu novo blog, não deixe de conferir ;)

    http://unbirthdayblack.blogspot.com.br/

    ResponderExcluir
  98. Bom gente eu to com umas dificuldades no Blogger, então quem quiser me ajudar... http://belezamodaemake.blogspot.com.br/

    ResponderExcluir
  99. ameeei muito bom, adorei o de mustache!!!

    ResponderExcluir
  100. entre no meu blog e veja o cursor mudificado

    enzobariani.blogspot.com.br

    ResponderExcluir
  101. Oi, os cursores são muito legais.. Eu coloquei nós meus blogs, mas para poder clicar em um link tem que colocar ela a uma determinada distancia do link, o que eu faço? http://garoto-do-blog.blogspot.com.br/ (o endereço do meu blog para ver como fica..) Obrigado!

    ResponderExcluir
  102. Eu não consegui no meu não apareceu eu fiz um monter de vez passo a passo

    ResponderExcluir
  103. Adorei, muito fácil. Fiz no meu XD
    http://unicorniosexitem.blogspot.com.br/

    ResponderExcluir
  104. Adorei , ficou ótimo ! *-*
    PX -- > www.thepinkexplosion.blogspot.com

    ResponderExcluir
  105. Eu não consegui,ensina a colocar o "CB" quando abre a janela pff

    ResponderExcluir
  106. Lindos, obrigada!
    Só ainda n consegui colocar :(

    ResponderExcluir
  107. Adoreii esses cursores. São liindos !!!
    Beijos... :)

    http://meucantinhoessencial.blogspot.com.br

    ResponderExcluir
  108. AMEEI!! Muito obrigado viu?
    prettylittlelovers-a.blogspot.com.br

    ResponderExcluir
  109. Obrigada, estava procurando esse código, vou falar disso no meu blog, e vou dar créditos ao Cherry Bomb, porque, é sacanagem uma pessoa se esforçar muito, e a outra só sai copiando >.<

    http://pink-dreams-br.blogspot.com.br

    ResponderExcluir
  110. Este comentário foi removido pelo autor.

    ResponderExcluir
  111. Oi Adélia! Eu não entendo muito dessas coisas, poderia me ajudar? Então eu queria colocar o cursor do Nyan Cat, mas não sei oque colocar no link da imagem do cursor normal e o link da imagem do cursor quando passar por um link. Não entendo mesmo dessas coisas nem um pouquinho, me ajuda!

    http://worldisanime.blogspot.com.br/

    ResponderExcluir
  112. Vocês são demais! Todas as mudanças do meu blog, são por causa de vocês! Amo todos os tutoriais e belos trabalhos, parabéns!
    GENTE POR FAVOR OLHEM O MEU BLOG, PRA QUEM CURTE LIVROS ::::::::
    http://mergulhandoemliivros.blogspot.com.br/

    ResponderExcluir
  113. Vi outras explicações de como mudar o Cursos mexendo na HTML do blogger.... tentei e não deu certo! Aqui atraves desse blog add pelo Gadget funcionou perfeito!

    Obrigado ;D

    ResponderExcluir
  114. Brigadinha pelo tuto! vou tentar aqui :)))

    ResponderExcluir
  115. Onde eu pego o link do cusor normal? alguem pode me diser por favor!

    ResponderExcluir
  116. Amei !! http://endless-tedium.blogspot.com.br

    ResponderExcluir
  117. *U* Muito divos,arrasou,como sempre!Obrigada!

    ResponderExcluir
  118. Gostei .. obrigada
    http://meeuumuunndoo.blogspot.com.br/

    ResponderExcluir
  119. Bem, não funcionou no meu blog ;/ Mas obrigada pelo tutorial!

    ResponderExcluir
  120. Amei vai ficar lindo no meu

    http://cherryspurple.blogspot.com.br/

    ResponderExcluir
  121. Deu certo no meu blog,achei bem legal os cursores ,alias estava procurando um simples mesmo,beijão!

    http://cantinho-da-prii.blogspot.com.br/

    ResponderExcluir
  122. Obrigada pelo tuto^^
    http://hime-samadesu.blogspot.com.br/

    ResponderExcluir
  123. oi são lindos os cursores mais não consegui coloca-los.bjs

    ResponderExcluir
  124. http://estilogihborges.blogspot.com.br/

    Meu blog ficou um arraso

    ResponderExcluir
  125. Gostei do seu blogger , aproveita e dar uma passadinha no meu ta?Menina borbolet

    ResponderExcluir
  126. São muitos fofos ^^ será que você pode viitar o meu blog?(。◕‿◕。) http://sweet-loves-oficial.blogspot.com.br/

    ResponderExcluir
  127. Oii Liiah ! :3 <3
    O Tuto é Antigo, Maas ...
    Vou Ver se Ainda Da Certo, KsKsKsKs <3
    #Sorte
    Kisses <3

    ResponderExcluir
  128. Não Consegui ... Q Penaa ' :c
    Obg Pelo Tuto, Kissus <3

    ResponderExcluir