Cursos 24 Horas - Cursos 100% Online com Certificado

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

28 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

    28 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 *--*

    PH disse...
    22 de junho de 2012 17:10 #

    deu certo!! obrigado

    iGirls disse...
    24 de junho de 2012 17:40 #

    eu tentei mas não consegui, fiz o que tava falando, o que eu posso fazer pra dá certo agora, eu queria tanto um cursor diferente pro nosso blog

    Manu disse...
    23 de julho de 2012 13:36 #

    como assim abaixo do codigo anterior???????????????????????????????????????????

    Victor Alves Nunes disse...
    8 de outubro de 2012 10:00 #

    Bom esse truque é muito fácil, as vezes vem até no site onde se adquire o codigo, mas tem algumas pessoas que não sabem


    http://carambolados.blogspot.com.br/

    Isabella Backer disse...
    23 de outubro de 2012 14:58 #

    NÃO CONSEGUI APARECEU 0 DE 0 , QUANDO PESQUISEI O CÓDIGO PRECISO DE AJUDA

    Gustavo G. disse...
    19 de novembro de 2012 20:37 #

    como upar esse tipo de imagem .cur ?

    Flor pratiada disse...
    17 de dezembro de 2012 22:10 #

    Não consegui.

    Jefferson Fonseca Santos dos Anjos disse...
    18 de maio de 2013 11:23 #

    Muito Obrigado, Foi Muito Útil.
    Meus Blogs
    http://zonaotakusotomes.blogspot.com.br/
    http://jeffersronfsa.blogspot.com.br/

    Anônimo disse...
    27 de novembro de 2013 15:37 #

    Nao acho o Codigo body { :(

    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.