Cursos 24 Horas - Cursos 100% Online com Certificado

Como personalizar o cursor do Blogger - Personalize o ícone do mouse

19 Comentários Autor : Notícia e blog 03 Dezembro 2009


Personalizar a "setinha" pode parecer estranho, mas também deixa o layout bem personalizado e elegante. Alguns pensariam que isso não é possível para o Blogger mas isso é mentira você pode personalizar facilmente veja abaixo como:

1º Escolher o ícone

Quaisquer ícones que estejam no formato ".cur" podem ser usados como seta é só copiar o link do ícone. Abaixo a alguns apenas alguns dos muitos que podem ser encontrados na web:

1.Link: http://api.ning.com:80/files/sOqkGMK5dzt5hq1GCAMsJa1xjQvgiV9MnpUbo2ZaGG0_/cursor1.cur

2.Link:
http://api.ning.com:80/files/gSFSldBbObRb-SVTsc5Bfw5yOR4xwTEi58DCwclmqkE_/cursor2.cur

3. Link:
http://api.ning.com:80/files/4S0mMLSngQT25YPB7JHsTXUINHcP8jk*6FAKNUj*P-M_/cursor3.cur

Instalando o cursor

Agora vamos inserir o cursor escolhido no blog:
1.Faça login no painel do Blogger
2.Vá em "Layout"->"Editar HTML"
3. Procure pelo seguinte código "Utilize as teclas Ctrl e F para procurar":
body {
4.Abaixo do código anterior adicione o seguinte:
cursor:url(Link do cursor aqui),auto;
Nota: Substitua o trecho em vermelho pelo link do cursor escolhido.
5.Procure pelo seguinte código:
a:hover {
6.Abaixo do código anterior adicione o seguinte:
cursor: url(Link do cursor),auto;
Nota: Onde está em azul substitua pelo link do cursor. Se colocar um cursor diferente do primeiro escolhido apenas os links ficaram com cursor diferente, pois está parte do CSS define os links da página.
7.Salve as alterações e visualize.

Pronto seu blog possui agora um cursor diferente!


Imagem: Blog Tec

    19 Comentários

    Dicas de Games Online disse...
    5 de janeiro de 2010 01:02 #

    Obrigada mais não funcionou quase funcionou

    thiago disse...
    11 de janeiro de 2010 15:20 #

    aqui funcionou corretamente, aliás muitissimo obragado!
    otimo post!

    www.completos.tk

    Danielle Borges disse...
    13 de fevereiro de 2010 09:40 #

    O meu funcionou (é só fazer igualzinhao ao que fala que dá certo) bjss

    Moda Estiosa disse...
    20 de fevereiro de 2010 22:29 #

    OoI, adoreiii!Eu consegui!!Ficou showw!^^

    Notícia e blog disse...
    20 de fevereiro de 2010 22:35 #

    @Moda Estiosa, Obrigado :-)

    Danielle Borges disse...
    8 de março de 2010 18:06 #

    O meu tb deu certo, e ficou lindinho...obrigada!

    tatodicastro disse...
    14 de abril de 2010 10:56 #

    aonde eu posso arruma outro tipo de cursor ? nao axo um bom site :(

    Thais Sainnara disse...
    22 de abril de 2010 10:07 #

    obrigada...funcionou e eu adorei!

    Bernardo Lucena disse...
    14 de maio de 2010 11:50 #

    Não consegui... fiz exatamento como mandou... nada... :(

    @analecastro disse...
    29 de maio de 2010 13:40 #

    eu gostaria de um SITE com MAIS setas , so que eu nao acho, vc teria um pra me passar ? se tiver me responde no twitter @analecastro ou aqui mesmo nos comentarios !

    Notícia e blog disse...
    29 de maio de 2010 15:20 #

    @anacastro, este site possui muitos http://www.girlspt.com/cursores/

    Bruhh disse...
    4 de junho de 2010 19:46 #

    adorei essa dica meu blog ficou mt legal
    esse site é showw
    !!!! =)

    Helô disse...
    6 de agosto de 2010 11:27 #

    Ameei *-* ficou lindin o meu

    Neia disse...
    11 de maio de 2011 20:10 #

    JÁ TENTEI VARIAS VEZES, PROCUREI VARIAS DICAS E NAO CONSIGO, AGORA PERCEBI QUE NAO TEM A PALAVRA CURSOR PARA EU COLAR DEPOIS.

    Rose alves disse...
    6 de janeiro de 2012 10:41 #

    me ajudou muito!
    pena q só pega esses cursores q vc indicou...
    obg =)

    Anônimo disse...
    23 de março de 2012 20:45 #

    nao achei editar html

    estelar1* disse...
    23 de março de 2012 21:07 #

    nao consegui tentei varias veze >.<

    Fernanda Santos disse...
    25 de abril de 2012 17:12 #

    Oi! que legal ^^ funcionou corretamente.. Obrigada!

    Rose alves disse...
    17 de maio de 2012 15:21 #

    obg funcionou *--*

    Postar um comentário

    Deixe seu comentário aqui
    Para exibir sua foto, escreva o seu comentário e clique em "Visualizar" e em seguida clique em "Adicionar Foto de Perfil"(Só é exibido quando o comentário é publicado como Conta do Google). Para editar seu perfil Clique aqui.