20/03/2014

Como colocar cursor personalizado + como hospedar imagem

20/03/2014

Oi gente! Faz um tempão que eu não faço tutoriais aqui pro blog, mas como eu tô nessa onda de mudanças pra cá, eu fui tirar o cursor personalizado que estava aqui e, como é suuuuper fácil de colocar (e tirar), decidi vim aqui compartilhar com vocês. Vai que vocês querem, né? :) 

É só ir em Design >>> Layout >>> Adicionar Gadget >>> HTML/JavaScript e adicionar esse código:
<style type="text/css">body, a:hover {cursor: url(URL DO SEU CURSOR AQUI), progress;}</style>

Lá em "URL DO SEU CURSOR AQUI" você vai colocar o link da imagem que você hospedou. Não sabe como hospedar uma imagem na web? Vamos lá:

Entre no TinyPic.
Clique em "Escolher arquivo", depois em "Upload Button", coloque o código que aparecer e clique em "Upload Now". Agora é só clicar em "View Full Size Image" e depois clicar na própria imagem, que ela vai aparecer numa página sozinha. Copie o link da página e pronto, coloque no código! 

Qualquer dúvida deixa aí nos comentários, beleza? Beijão, até a próxima! ♥

4 comentários:

  1. Dicas excelentes!
    Adorei conhecer o blog, maravilhoso.
    http://meumundorosapynk.blogspot.com.br/
    Beijocas

    ResponderExcluir
  2. ótimo tutorial, vou fazer com certeza
    Sigo de volta
    http://surejustnot.blogspot.com.br/

    ResponderExcluir
  3. Já usei uma vez cursor e dependendo do layout fica lindo :)

    ResponderExcluir

Olá! Que bom que veio comentar ♥
Sinta-se à vontade, ok? Só seja educado, e eu sei que será! :)

Me encontre no YouTube: youtube.com/xbekaxxx
No Facebook: www.facebook.com/minhadistracao
E no Instagram: instagram.com/rebeca_kl