Tutorial botão de ''Subir'' e ''Descer''





Nessa postagem irei ensinar a vocês a inserirem no seu blog botões com efeito deslizante… São botões que possuem funções  de descer até o final da página e subir até o inicio da página… Você não precisa inserir os 2, apenas 1 já vale…

Faça um BackUP do seu blog…

Você vai em Layout  >   Editar HTML   …

Não é necessário expandir modelos de widgets…

De um Ctrl+F e procure por  </head> …

Acima de </head>, você irá colar esse código …:

<script src='http://www.google.com/jsapi'/>

<script>

google.load("prototype","1.6.0.3");

google.load("scriptaculous", "1.8.2");

</script>

O próximo passo é procurar pela palavra </body> …

Acima dela você irá colar esse código…:

<a href='#outer-wrapper' onclick='new Effect.ScrollTo("outer-wrapper",{offset:-140}); return false'><img alt='Subir' border='0' src='http://img715.imageshack.us/img715/7914/cpiadezdzzx1.png' style='position:fixed; bottom:0; right:0;'/></a>

O próximo código também  é inserido acima de </body> … mas ele é para o botão descer…

<a href='#footer-wrapper' onclick='new Effect.ScrollTo("footer-wrapper",{offset:-140}); return false'><img alt='Bajar' border='0' src='http://img694.imageshack.us/img694/4344/baixovermei1.png' style='position:fixed; bottom:100px; right:0;'/></a>
Deixe seu Comentário:
3 comentários
Categorias:

3 comentários:

Vitor Versal disse...

nao deu cara, eu colokei mas nao acontece nada

o url do blog fica assim

www.................om/"#footer-wrapper"



falow

Érika disse...

As imagens dos botões apareceram, porém o efeito não... tem alguma dica aí de correção ? Valeu !

Hugo Orochi disse...

é,esse código não funciona não.Os botões aparecem na localização correta...mas não funciona nada....posta uma correção ai depois....valeu...

Postar um comentário

Seguidores