28 de abril de 2013

Como colocar Cursor + Encomendas para seu blog ... ♥


Oi Princesas , Hoje eu preparei este poste a pedido de uma Leitora Lorrany Louyse , Que é Como colocar Cursor no seu blog , eu crio meus próprios cursores e também faço encomendas de cursores , então vamos primeiro ao tutorial e depois falo sobre as encomendas :



 o blog, vai em Design > Elementos de Página > Adicionar um Gadget > E escolha HTML/Javascript > No espaço em branco cole o seguinte código: 


2º: Adicione a URL da imagem neste código (se for usar uma imagem):

<style>HTML,BODY{cursor:  url("URL DA IMAGEM"), auto;}</style>

-Ou neste código aqui, para usar 2 imagens diferentes:

<style type="text/css">
HTML,BODY{cursor: url("URL DA SUA IMAGEM PARA O SITE"), url("URL DA SUA IMAGEM PARA O SITE"), auto;} A:hover{cursor: url(";URL DA SUA IMAGEM QUANDO ESTIVER EM UM LINK"), url("URL DA SUA IMAGEM QUANDO ESTIVER EM UM LINK"), auto;}
</style>
-Aonde está de preto, substitua pelo link da imagem que irá ficar no lugar da seta ! Prontinho, agora é só salvar e visualizar.
3º: Se for usar no Blogger, basta colar o código em Layout-Elementos da Página-Adicionar Gadget-Html/JavaScript;
Se for usar no tumblr, adicione o código no html do seu tumblr acima de </body>
Vale lembrar que imagens animadas (gifs) podem perder o movimento quando se adiciona ao código. 
... 
Então se vocês quiser encomendar entre em contato comigo com o e-mail Victoriia_Gomez@live.com , falam como você quer o cursor e etc .

Aki é alguns cursores que eu preparei para vocês , só lembrando não custa nada as encomendas :)
<style> body, a, a:hover { cursor:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnX-mWN9f7lqqoKC8FSAytn7LLZ7vJXJZ-VSudZ4PUNPJtV-3sXRfi4NtzAze6ok2a5VXv155aVlMPsCocT1wA58K4GiCJnAJYm9EtWUnLuUGfsrRMN6lmp5E7-6Tan7Vsl4A54LbfI978/s1600/0.png), auto }</style>
  <style> body, a, a:hover { cursor:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCZzgr-FKHZ762N7kZMAfa7cZlqcJnEhX_c1fBepSBz0O0yTYQTz59OBxfW5uD63Av4oZlvH6joeiE04IVfkOwNRp41eZftmYHiugoMNMh9lKL4-P9kR0gGbL-xNBRRs34W5_oKDV6S3Zd/s1600/01.png), auto }</style>
   <style> body, a, a:hover { cursor:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhy1PS-rT-UQIGZ1KcIq-543bL00PfBDC-98_3LHzGo6y2hipWu9R6KKSD_y_Ugeb37mV3uX6yG9LdzrheCd9m2QmlcKf8_nEonWrHc-Yl_nGjpNJpmaTPe21CfQjVEjug8-yox-raptKem/s1600/02.png), auto }</style>
 <style> body, a, a:hover { cursor:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjN1GoddwZ5ar29D3dnk2wlc0zRv_S9jcBFL_asRlE46B60n1vGCC0ZSBPns3lskFHzlany7VupmbipuX-zn7uOgckR4VAD4jBL8FsrD9-HKM-16cHtSXMH80mKQCNX-5jMUBcidRO-0Gju/s1600/03.png), auto }</style>
  <style> body, a, a:hover { cursor:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcaNJBY2fQqZ_gM9J1dhx2t2tKVTpTb0I-CuSKGBIySNMOEGCmFQwp_j2xfdIjfVg7dIQ7ejZJT1VQYwlRHTTtMgTSgblgVII6oCVMi1PyRRFOXtqC1qbpDlOVm3uuPiZ4yABXSfCACIfd/s1600/04.png), auto }</style>
  <style> body, a, a:hover { cursor:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-mdWuif_RfOgCh3OvumgReyiyNjkrN9ANRI18rpcyqFdDBYM0j6TM2YnZ_F8z1nNCtv6YVCbBXPTC31LsDlBYii2cyy51oLTWqwA-g8QgXzQVTtXTjM93mpmGhPPaIerB5G35IPBiiNcO/s1600/05.png), auto }</style>
  <style> body, a, a:hover { cursor:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiN9f8UqwGNUuLXgpijNa8Uwha2os5j-KjhZJAGksvYBA0zv6c-PmAy7XScv2NZTQnOaWVzcvxaRb8gw-SM0oIZ3UqeKslcsuMxYNwTXSkBlqRfQvLDG5vZHGHHTtC0OEwL2hRMrT93ivhW/s1600/06.png), auto }</style>
  <style> body, a, a:hover { cursor:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAvmWQuG8Aw4xQXgdGBrFhAeKhBP-9u_iuo7JKDn282fbheSSNUmbDZfrL5kdJj9Q0Qdd0ZdINu94ej2_bC1-rqW59Aupbg_3Aa5R2EznzO9lmQnHqtYYKCRpAFs6J1iKOzy-2RqmoD5Rc/s1600/07.png), auto }</style>
<style> body, a, a:hover { cursor:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQOogtIZhKr-u9AbEpaFXiDmkIMCaPmeaprtym6yBfT5uJLuWaLJCzbXE46au-8fRERwlEvLvSg1pRx76ufRqiEHlE80tYEJqjrjgDArft91rCk0NVMZeqzQTpPPgfUW_Qo5aFXHxqltI_/s1600/fundo_transparente~4.png), auto }</style>



<style> body, a, a:hover { cursor:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9y7QVVYllExtOv0Z3x9oW0-YxLowkagxgd0DCvHcJY_3k6UwsiJfRltAPPVfLmcJH0vZX9AbFLpGdjyCUjiI0fv9r4WB6Z4O8eIsFht-srFcesDK77z2DkWUfsLxBeqpCXOBNaKIMKjzw/s1600/fundo_transparente~3.png), auto }</style>



<style> body, a, a:hover { cursor:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQ2d9TGROY_VtsV0rULeWAkNUSAY-bWAmGuVCOHMu-f5zT2SUPUREX9_zN-04SxYy45AsGj2bBU-PxiZ2h9iBOFszVa4Wp8zWld5g-Db-vfSEnM86xcIFLOWFVPBazKn2P2gxsss5szHrV/s1600/1111.png), auto }</style>


Aqui eu achei todos super fofos , e espero que eu tenha ajudado a vocês , Big Beijos ♥
Gostou ? Pegou ? O que achou do Tutorial ? Comenta ... 

4 comentários:

  1. own que fofo esses cursores , me ajudou muito esse tutorial ,fiz umaa encomenda e ja recebi , obg fofa

    ResponderExcluir
  2. Oi retribuindo a visita, amei seu blog!!
    Ja estou seguindo!!
    Segue o meu também acho que vc esqueçeu...
    Beijooocas
    Parabens pelo blog ♥

    ResponderExcluir
  3. Awt que lindos!!
    Adoro cursores personalizados!

    ResponderExcluir
    Respostas
    1. Esqueci de dizer que eu to seguindo kk
      bjo
      estilo você//perfil

      Excluir