22/10/2012

Um tutorial fácil

AA, piro muito! ;3
Hoje vim aqui deixar um fácil tutorial para vocês: Ir ao Topo Efeito Deslizante. O Stupid Girl usa este efeito, pode conferir indo até no final da página e clicando na setinha azul.
Obs.: O tutorial mexe com HTML, então só faça se tiver bem confiante. 
Bem, depois de tantas enrolações... Vamos começar?


1- Vá em Modelo ~> Editar HTML ~> Aperte CTRL + F e procure por </body> ~> Acima ou antes cole este código:

<script type="text/javascript">    $(document).ready(function() {       $('#subir').click(function(){         $('html,body').animate({scrollTop:o},'slow');      return false; });     });</script>
2- Agora, procure por </head> e cole acima ou antes este código:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
3- Depois disso é só ir em Layout ~> Adicionar um Gadget ~> HTML / JavaScript. ~> Cole o seguinte código:
<div style="position:fixed; bottom:0px; right:opx;"><a href="#" id="subir"><img src="URL DA IMAGEM"/></a></div>
Salve e está pronto. Simples né? Serve em qualquer blog, dos mais simples aos mais sofisticados.

O post de hoje vou deixar por aqui, beijinhos. :*

No próximo post: Look do Mês (Mudanças)

4 comentários:

  1. Adorei os tutos, bem simples mesmo *-* vlw!

    ResponderExcluir
  2. Ameii,mas só tem um errinho,vc colocou dois no titulo e só fez uma,mas ainbdaa sim eu amei
    vc Aceita afiliação?


    http://onegirlsumamenina.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Ooi minha liinda. (:
      Primeiramente, muito obrigada pelo seu comentário, fiquei feliz em recebê-lo.
      Quanto ao erro, já vou corrigir, obrigada por me avisar. haha.
      Espero que tenho gostado mesmo, aceito afiliação sim, vou falar com você no seu blog.
      Volte sempre tá?
      Beijos Sabor Cupcake.

      Excluir

Dear stupid, eu adoro comentários mesmo. Mas tenho que deixar uns avisos com você:
-> Respeito é essencial.
-> Não aceito a opção anonima, por medo de ofensas.
-> Seu comentários precisa ter relação com assunto do blog ou post.
-> Não peça parceria por comentários. Temos a página para isso.
-> Comentários que não atenderem as regras serão apagados.

Seu comentário é muito importante para mim, então não deixe de comentar e faça valer meu trabalho.