Image Map

12 de mai. de 2012

Tutorial - Colocar cursor personalizado

Tumblr_m3jfubgph41rraze3o1_500_large

MeGusta canudos ._. 

E aí, meeeus lindjos, como vão? Quem quer tutorial? õ/  O tutorial pro seu blog de hoje é de como tirar a setinha comum do cursor do seu blog e colocar no lugar um cursor bem lindo ! Quer ver como faz? Clica em Leia Mais pra saber! :)



Tipo, você pode encontrar imagens muuuuuuitos cursores pela internet, é só pesquisar no Google "Cursores" e PAM, centenas de cursores diferentes pra você usar ! Mas eu trouxe aqui pra vocês alguns.. pra quem tá com preguiça de procurar haha, são esses:



imageimageimageimageimageimageimageimageimage
imageimageimage
                    


Escolheu seu cursos preferido? Então agora salve-o e hospede em algum site de hospedar imagens (recomendo esse: Tinypic). 

Depois de fazer isso, vá em Design » Editar HTML » Prosseguir, aperte Ctrl + F e procure por <head>.
Cole este código abaixo do lado de <head>:

<style type='text/css'>HTML,BODY{cursor: url(&quot;LINK DA IMAGEM&quot;), url(&quot;LINK DA IMAGEM&quot;),auto;}A:hover{cursor: url(&quot;LINK DA IMAGEMquot;), url(&quot;LINK DA IMAGEMf&quot;),auto;}</style><br/>



Então, substitua o que está em MAIÚSCULO VERMELHO pelo link da imagem que você hospedou no tinypic e clique em Visualizar. Se deu certo, salve, senão tente novamente :)

Gostaram? Querem tutorial de quê?


Nenhum comentário: