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>
0 comentários:
Postar um comentário