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>
<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>
3 comentários:
nao deu cara, eu colokei mas nao acontece nada
o url do blog fica assim
www.................om/"#footer-wrapper"
falow
As imagens dos botões apareceram, porém o efeito não... tem alguma dica aí de correção ? Valeu !
é,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