19 de janeiro de 2014

Como colocar botão voltar ao topo no blog.

O tutorial de hoje é super simples mas que deixa nosso blog muito mais cute,vocês já visitaram um blog que no final da pagina tem um imagem para voltar ao topo,então no tutorial de hoje vou ensinar a colocar ela em seu blog é muito simples.


Antes de tudo como sempre sugiro que faça um backup de seu blog ou use um blog de teste primeiro se der tudo certo você faz no seu,se não  souber como fazer um backup sugiro que leia este artigo como fazer um backup do modelo de seu blogger.


Em seu blog  vá até modelo editar HTML  aperte Ctrl+F juntos e procure por </body> encontrando cole abaixo esse código.



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

Onde eu destaquei de roxo é onde pode ser modificado right (direita) pode ser mudado por left (esquerda) e onde está URL DA SUA IMAGEM troque pela url da imagem que você escolher.
Eu pesquisei e encontrei algumas imagens lindas para vocês encontrei no blog  Renata Massa  então os créditos imagens é dele.



       
Escolha uma imagem ,hospede-a e copie a url se não souber hospeda-la leia esse artigo Como hospedar imagens no blogger.


Por hoje é só espero que tenham gostado deixe seu comentário, ele é muito importante para o desenvolvimento do blog.

Sobre a Autora:
Viviane Aos 31 anos Viviane é casada e mãe de três lindos filhos, blogueira nas horas vagas desde 2012 mais criou esse blog em Nov/2013 quando iniciou seu curso de Web Designer.Apaixonada por códigos Html e tudo que esteja relacionada a blogs e internet.

4 comentários:

  1. é realmente bem simples obrigada peguei a da mulher de cabeça para baixo,adorei seu lay

    ResponderExcluir
  2. Cara esses voltar ao topo são lindos e é muito facil de colocar obrigada

    ResponderExcluir
    Respostas
    1. De nada amor obrigada pela visita e volte sempre

      Excluir

Oi obrigada por sua visita,espero que tenha encontrado o que precisa.
E obrigada por comentar seu comentário é muito importante para o desenvolvimento do blog.

Design por Viviane Sonia/Dicas no Blog | Tecnologia do Blogger | Todos os direitos reservados ©2013