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… Veja a postagem clicando (AQUI) …
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>
|
Se você quiser você pode salvar para ver se não aconteceu algum erro… Mas você não vai vizualizar nada ainda…
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> |
você pode modificar o url-imagem pela imagem que você quer que apareça… Então esse código é para o botão que desliza subindo…
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> |
O mesmo esquema do de cima, coloque a URL da sua imagem… Mas agora vocês terão a opção 100 que está em AZUL
… Ela representa a distância entre os botões… quanto maior ela for,
mais distante o botão fica, quanto menor mais próximo um botão fica do
outro…
Lembrando que não a necessidade de inserir os dois botões … Vocês podem inserir apenas um…