Botão Subir e Descer com efeito deslizante para blog | Elaine Gaspareto- Dicas para blogs e inspirações para a vida

Botão Subir e Descer com efeito deslizante para blog

Publicado em 17/01/2019

Tempo de leitura:

Botão Subir e Descer com efeito deslizante para blog
Tem alguns modelos de botões para subir ao topo aqui no blog, e dentre eles tem um que usei por muito tempo que possui a dupla função de subir ao topo e descer ao rodapé.
Mas como não é só Pokemon que evolui esse recurso bem legal também evoluiu, e ficou mais moderno e mais simples. Fica assim, olha que bonitinho:


Demonstração do tutorial


Para instalar em seu blog são apenas 3 códigos simples, já prontos, basicamente copiar e colar.
Vamos aprender?
Comece acessando a página com os códigos que vamos usar:


Copiar o código


A seguir vá até o painel administrativo do blog onde deseja inserir o recurso (sempre faça antes em um blog de testes, ok?) e clique em Tema.
A seguir clique em Editar HTML e dentro da caixa com o código-fonte de seu template tecle Ctrl+F.
Na barra de busca que expandir digite ]]></b:skin> e tecle Enter para localizar.
Acima dessa tag de fechamento cole o CÓDIGO CSS e salve.

Agora localize a tag de fechamento </head> e acima dela cole o CÓDIGO DA FONTE ESPECIAL E BIBLIOTECA JQUERY.
Salve.

Localize </body> e cole o CÓDIGO JAVASCRIPT acima da tag localizada.
Salve.
Tá feito.
Não é legal?

Dica extra:
Caso queira alterar cor de fundo dos botões ou cor do ícone da setinha pode fazer isso, sem problema; olhe no CÓDIGO CSS e está tudo lá.
Cores sempre estarão em código hexadecimal precedido de #, basta trocar as cores do código pelo código das cores que deseja usar e salvar.
Simples e bem útil, né?





Nenhum comentário:

Postar um comentário

Olá! Muito obrigada por ler meu blog e obrigada também por se dispor a comentar meus posts. Seja muito bem-vindo(a)!

Importante!
Devido à falta de tempo hábil eu não me comprometo a responder perguntas referentes aos tutoriais postados neste blog.
Pedidos de ajuda individual serão respondidos conforme o meu tempo e disponibilidade permitirem.
Por favor, entenda: comentários sem relação alguma com o post não serão liberados e nem respondidos.

Para saber mais sobre a melhor forma de utilizar este blog leia Termos de uso do blog.



Muito obrigada, fique à vontade para interagir.
Mas lembre-se:
Gentileza, educação e boas maneiras servem também para a vida nos blogs…