Caso alguma imagem do blog não esteja aparecendo, por favor, avise nos comentários da postagem em questão!

02/04/2012

Novo código de cursor + Cursors-4u

Cursor
Viram que eu mudei o cursor do DSM??? Pois é, me deu vontade de colocar um novo desde que nossa amiga Ester do "Viciados na Saga Creúsculo" me deu a dica de um site que tem uma coleção imensa de cursores.
Pois é, eu olhei uma boa parte dos cursores de lá, e acabei não achando nenhum que fosse a cara do DSM. Então lá vou eu fazer um novo cursor para mim, dessa vez de caveirinha (que fofo!!!). Como eu fiz o meu próprio cursor, tive a liberdade de pegar o código de cursor desse site e retirei os créditos (se fui eu quem fiz, posso colocar sem o crédito, não é??? Então vou deixar aqui o novo código de cursor, para que você possa trocar ou colocar um cursor no seu blog. Antes, siga os seguintes passos:

1. Retire o código de cursor anterior do seu template (se você tiver);
2. Copie o código abaixo:

<style type="text/css">body, a:hover {cursor: url(ENDEREÇO_DO_CURSOR), progress !important;}</style>

3. Entre na aba Layout (Design) no seu Painel do Blogger;
4. Clique em "Adicionar um Gadget" (pode ser no rodapé) e escolha o item HTML/JavaScript na janela pou-up que abriu;
5. Cole o código na caixa "Conteúdo" (deixe o título em branco);
6. Pegue o endereço da imagem do cursor escolhido;
7. Cole no lugar de ENDEREÇO_DO_CURSOR no código que você acabou de colar;
8. Clique em "Salvar".

E pronto, seu cursor já estará no seu blog!!! Pra quem não se lembra, tenho aqui no DSM alguns cursores já hospedados que você pode usar:
Cursores prontos para o seu blog!!!
Presente de Natal 2 - Cursores
Novos cursores com imagem!!!

Ah, vocês devem ter notado que quando se coloca o cursor daqui num link ele fica diferente, com a mesma caveirinha só que com uma mãozinha, não é??? Para fazer uma igual, você deve fazer também a imagem com a mãozinha e, ao invés de colocar o código acima no seu blog, coloque esse:

<style type="text/css">body {cursor: url(ENDEREÇO_DO_CURSOR_SETA), progress !important;} a:hover {cursor: url(ENDEREÇO_DO_CURSOR_HAND), progress !important;}</style>

No caso, coloque em ENDEREÇO_DO_CURSOR_SETA o endereço da imagem do seu cursor normal, o de seta. Em ENDEREÇO_DO_CURSOR_HAND coloque o endereço da imagem do cursor de link, o que tem a mãozinha. Por enquanto ainda não tenho nenhum de mãozinha aqui no DSM, mas em breve vou providenciar os pares de cursores em seta e mão para vocês!!!

Cursors-4u:

Cursors-4u




Agora vou falar do site que nossa amiga Ester indicou: ele se chama "Cursors-4u", e conta com uma coletânia enorme de cursores de diversos tipos para o seu blog.
Lá tem também cursores animados, mas eu vou logo avisando que eles não mexem no Firefox (não sei como se comportam no Chrome), mas dá para usá-los como cursores estáticos mesmo.
Para colocar um dos cursores de lá no seu blog, basta clicar no cursor escolhido e pegar o primeiro código e adicionar como um gadget "HTML/JavaScript" na aba Layout (Design) do seu Painel. Já vou avisando que o cursor vai vir com créditos, e eu recomendo que você não os tire, pois foi o site que fez o cursor, é injusto tirar o crédito... Mas vale a pena para quem quer ter um cursor e não quer ou não sabe fazer um.

Espero que vocês tenham gostado da dica!!! Amanhã vou indicar outro site e mostrar para vocês quais serão as novidades do DSM nesse mês de aniversário!!!


Mil Sweetkisses,
8 Comentários
Comentários

8 comentários:

  1. ameeeeeeei o novo visu do blog !

    tudo esse tutu bem fácil ^^

    cherryseublog.blogspot.com

    ResponderExcluir
  2. Ficou muito lindo seu cursor novo sheilynha!Amei o detalhe de ele mudar de forma qdo toca no link!A cada dia vc capricha mais, parabéns!bjns
    http://cadernocolorido.blogspot.com.br

    ResponderExcluir
  3. Ficou lindo o novo designe! Parabéns viu!♥
    http://kelly-club.blogspot.com.br

    ResponderExcluir
  4. AWWWWWWWNTTTTT AMEIII O NOVO CURSOR! Simplesmente D-I-V-I-N-O arrasou, como sempre.
    Combinando TUDINHO
    -->Clik aqui <--

    **KISSES
    -----------
    RAWR *-*

    ResponderExcluir
  5. Flor, que saudes eu estava daqui, ando tão sem tempo :/

    bjs:*

    ResponderExcluir
  6. Nossa, amei seu blog... cheio de dicas, sem falar que ele é muito lindo. Essa dica do curso é ótima e diferente. Beijos e Parabéns!

    http://aquifofura.blogspot.com.br

    ResponderExcluir
  7. fiquei feliz em saber da programação de abril!

    ResponderExcluir
  8. me ajuddaaa eu tentei mas ficou xeio de letras

    ResponderExcluir

Related Posts Plugin for WordPress, Blogger...
Posts relacionados