12 de mar de 2012

Como criar um cursor personalizado para o Blog

Olá! hoje vou ensinar como criar um cursor personalizado e colocar no Blog.
Você pode usar o Photoscape, Photoshop, Photofiltre entre outros.
1º passo | Salve a imagem transparente abaixo.
<-


2º passo | Abra seu Photoscape na aba de inicio e escolha a Imagem salva.
3º passo |  Clique na ferramenta ao lado e escolha 3 sides
























3º passo | Faça como na imagem acima e logo após fotos + Objetos
4º passo | Escolha sua, personalize de acordo com o seu gosto e salve em PNG.
5º passo | - Hospede o seu cursor no TinyPic copie o ultimo link e cole no bloco de notas

6º passo | Vá para "Layout", adicione um novo gadget de HTML/Javascript e cole o seguinte código:


<div align="center" style="z-index:9;visibility:visible;">
</div><style>HTML,BODY{cursor: url("http://omelhorparaseuphotoscape.blogspot.com/"), url("LINK DO CURSOR"), auto;}</style>
8º passo | Aonde está em  amarelo , coloque o link que você copiou no TinyPic.


9º passo | Veja se ficou tudo certo, salve e está pronto.


18 comentários:

  1. Muito obrigada,adorei seu tutorial, já estou seguindo seu blog porque é simplesmente shoow de bola!! Parabéns!

    ResponderExcluir
  2. Matheus adorei o seu blog, com certeza já é um dos meus favoritos. Parabéns!
    Estou mudando a cara do meu blog, e estou com uma dúvida, como eu faço para colocar um cabeçalho personalizado no meu blog? E como mudar o fundo, para um fundo personalizado?
    Adorei o layout do seu blog!

    ResponderExcluir
    Respostas
    1. Tainara, já fiz Postagens sobre cabeçalho personalizado e fundos aqui no blog, se você olhar em tutoriais com certeza vai achar.

      Excluir
  3. Me Ajudo Muito e tbm so muito fâ da Avril Lavigne

    ResponderExcluir
  4. Mateus, eu fiz tudo direitinho, mas nçao entedi o seguinte: aquele código que você passou, onde ta escrito: LINK DO CURSOR, eu tenho que colocar o link do tinypic? se sim, eu tentei por no titulo do gadget mas não coube... o que faço? ajuda por favor :)

    ResponderExcluir
    Respostas
    1. Olá, é muito simples, você seleciona e apaga a frase (LINK DO CURSOR) e colar o link do tinypic no lugar.

      Obrigado a todos por visitar o blog.

      Excluir
  5. Oi,amor;Meu nome é Ana Luíza e eu também tenho 12 anos.Eu sou blogueira.Meu mais recente trabalho é o Leitora de Sonhos,sobre livros e tudo mais no mundo da literatura.Você simplesmente me ajudou a montar meu blog inteiro.Eu sou meio noob nisso,mas aprendi rápidinho que o melhor é fazer o seu do que ir atrás de template,né?
    Depois que eu terminar de montar,gostaria de ser a minha primeira parceria?

    Beijos,Aninha.

    ResponderExcluir
  6. Muito obrigada, me ajudou muitooooooo... Vou ver outros tutoriais, e comentar.. É sério, muitoo obrigada!
    mundoshufflegirl.blogspot.com

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

    ResponderExcluir
  8. Oi eu sou Myrian dona do Overdose diwa, o tuto foi maravilhoso muito eficiente, já estou seguindo seu blog, lindo blog você tem!

    http://overdosediwaoficial.blogspot.com.br/

    ResponderExcluir
  9. desculpe mas o meu cursor nao ficou com o fundo transparente... o que fiz de mal??

    ResponderExcluir
  10. Oiii estou te seguindo amei seu blog!! Parabéns

    ResponderExcluir
  11. agora o codigo nao funciona mas tente providenciar os erros e ve se posta as coisas.

    ResponderExcluir
  12. Faz um template pra mim por favor retribuooooo

    ResponderExcluir
  13. deixou o pop para mudar para rock ;-) kkk prefiro o pop

    ResponderExcluir
  14. Ola , eu fiz tudo isso , só que minha seta fica desaparecendo e aparecendo , tipo como se ela tivesse piscando me ajuda ?

    ResponderExcluir
  15. Oi!Tenho um blog também,mais acabei de fazer e ainda precisa de um toque pessoal,e o seu blog me ajudou muitoo>Parabéns e beijos

    ResponderExcluir