Como colocar o botão subir ao topo da página no Blogger


Olá meninas, você está afim de personalizar o teu blog inserindo o botão voltar ao topo da página?

E' muito simples, basta seguir os passos abaixo: 

1. Procure no Google uma imagem que você deseja inserir. 

2. Copie o URL desta imagem seguindo os seguintes passos: 

a) Clique na imagem desejada.
b) Clique com o botão direito do mouse sobre a imagem e vá em propriedades da imagem

 
c) Copie o URL que é o endereço da imagem.


 3. Substitua o URL da imagem que você escolheu no código abaixo, exatamente onde está escrito URL DA IMAGEM

<div style='float:right;'><a href='#'><img src='URL DA IMAGEM' style='display:scroll; position:fixed; bottom:5px; right:5px;' title='Voltar ao Topo da Página'/></a></div>

vai ficar assim

<div style='float:right;'><a href='#'><img src='https://lh5.googleusercontent.com/-COw7pnYLMmE/TXDmLdsHiII/AAAAAAAAAwI/TZ3SfrEZeGk/s1600/A+voltar+ao+topo+imagem.png' style='display:scroll; position:fixed; bottom:5px; right:5px;' title='Voltar ao Topo da Página'/></a></div>

4. Agora vá ao menu MODELO.

5. Clique em editar HTML.

6. Clique na caixa do HTML e em seguida digite CTRL+F para abrir a barra de pesquisa.

7. Pesquise o código </body> 


 8. Copie o código do item 3 JÁ COM O CÓDIGO DA URL escolhida ACIMA do código
</body>


 9. Salve e pode visualizar que já estará pronto.


Fácil não é mesmo? Simples assim! Se ficou alguma dúvida não hesite em deixar nos comentários que eu terei prazer em responder. Beijos!



4 comentários:

  1. Este comentário foi removido por um administrador do blog.

    ResponderExcluir
  2. Este comentário foi removido por um administrador do blog.

    ResponderExcluir
  3. Este comentário foi removido por um administrador do blog.

    ResponderExcluir

Comentários e críticas construtivas serão sempre bem vindos. Para assuntos profissionais utilize o formulário de Contato. Beijos!