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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRVvu33TPFvjdmnq9wYCv5HUonaKxUXsaTPZyMSf6o1-gTUAprGy_kfGQfWCK_VwNEzJpLKhnFcC27qcGYWFt9iX7GcZkG6FD_5LtPqKgfW5b7Jk1HYgd9emKZu_FNFwq_BgAWqqLghpsg/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!



7 comentários:

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