Image and video hosting by TinyPicImage and video hosting by TinyPic

domingo, 12 de julho de 2015

Personalizando o cursor do mouse para o blog

Olá amores 

Esse post vai ser o primeiro da categoria Tutorias, E hoje vou ensinar a vocês a como personalizar o cursor do mouse no seu blog, que dá um efeito mais bonitinho..

1-  O primeiro passo é você ir para o seu blog, e clicar em Layout, depois Adicionar um Gadget




2- Aí vai aparecer outra guia, daí vocês clicar em HTML/JavaScript   e no ''Conteudo'' vocês vão colocar esse código:

 <style type="text/css">
body  {cursor: url(URL DO MOUSE), progress;}
a:hover {cursor: url(URL DO MOUSE SELECIONADO ALGO), progress;}
</style>



(FEITO TUDO ISSO NÃO FECHE A GUIA)



3-  Agora é hora de você escolher o seu cursor do mouse, é necessário duas imagens do cursor,
uma para ser o padrão e a outra vai parecer quando ficar em cima de um link, (você pode achar
vários em > Cursor para blog



4- Quando escolher a imagem do cursor  padrão clique em >Visualizar Imagem, e com  o botão direito do seu mouse clique em copiar URL da imagem




Se não achar um que goste eu separei alguns mais bonitinhos para vocês






Daí é só fazer o mesmo procedimento, clicar com o botão direito e depois clicar em ''Copiar URL da imagem''


5- Pronto, até ai tudo bem, agora vamos clicar na guia que está minimizada, aquela do blog que está com o código, e onde está escrito ''URL DO MOUSE'' vamos substituir pelo código do cursor padrão que você escolheu, clicando com o botão direito do mouse para ''COLAR''





6- Pronto o cursor  que você escolheu já ta pronto, agora falta o cursor que vai aparecer quando clicar em algo, Novamente você vai repetir o numero 3 e 4, com uma imagem de cursor deferente...



7- E  novamente  vai colar o código da nova imagem que você pegou e colar em ''URL DO MOUSE SELECIONADO ALGO''





8- Feito isso é só você clicar em ''Salvar'' e já ta tudo feito, seu cursor do mouse vai mudar.






Então gente terminamos por aqui, eu espero que vocês tenham gostado. Meu blog é novo então se eu consegui te ajudar é só clicar em ''Participar deste site'' ai em baixo, pra ficar ligado em vários outros tutorias que postarei..

Sugestões ? 
Erros ? Perguntas ?
é só falar nos comentários 


Então é isso gente, espero que eu tenha ajudado, um grande beijo, e até a próxima ~ 


4 comentários:

Related Posts Plugin for WordPress, Blogger...