Dominio: mundoblogger.com.br
Chave: 6750f38d68212cb9ffc85aee2a0ef61d0ebf4f04
Hora do cache: 1500800081
Vida do cache: 1500843281
Status: 1
Mensagem: Centive nao respondeu
Chave do Pedido: 11808bbc6205bade68f0b70c302eaa74d4305945
Chave do Produto: PROKEY
Scroll Top

Junte-se a 22.515 pessoas que
decidiram aprender tudo sobre Criação de Blogs Profissionais e Redes Sociais.

Hospedagem - 728 x 90

Tutoriais Blogger

Seta para o topo da página

Colocar Seta para o topo da página no blog:

Se você não quiser incluir um mini menu flutuante para rolagem da página, e sim colocar apenas uma setinha no seu blog indicando o topo da página, faça o seguinte:

Vá em ‘Design’ >> ‘Editar HTML’, clique em ‘Expandir modelos de widgets’ Copie o código abaixo e cole-o antes de </body>:


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

Salve as modificações e pronto!
Seus leitores agora poderão navegar com maior facilidade e conforto pelo seu blog.



De um play no vídeo abaixo e aprenda a Criar blogs Profissionais




Gostou deste artigo? Ajude nosso projeto.
Compartilhe em suas redes sociais nos botões abaixo:

Fundadora do Mundo Blogger. Autodidata que adora internet, que se encantou com blogs, seus códigos e templates, desde 2009, e por conta disso começou a "brincar" com web design nas horas vagas, até que resolveu criar o Mundo Blogger para compartilhar o que aprendeu com você através dos tutoriais publicados aqui.

Sobre o autor | Website

Fundadora do Mundo Blogger. Autodidata que adora internet, que se encantou com blogs, seus códigos e templates, desde 2009, e por conta disso começou a "brincar" com web design nas horas vagas, até que resolveu criar o Mundo Blogger para compartilhar o que aprendeu com você através dos tutoriais publicados aqui.

18 Comentários

  1. Nenvi disse:

    Simples e eficiente! Obrigado!

  2. Fofinha475 disse:

    que body?

  3. Duda disse:

    eu usei o meu para face book
    😀 ficou massa

  4. Kátia disse:

    Muito bem explicado e fácil de fazer. Simples.
    Obrigada, seus artigos têm me ajudado muito.

  5. Rubens disse:

    Nossa adorei esta dica parabens pelo blog !

  6. New Entretenimento disse:

    Excelente seus tutoriais, mas eu quero trocar a seta do meu template, como fazer isso pois a que esta é feia.
    valeu.

  7. Bruno disse:

    tem um jeito de botar o botão no lado esquerdo da página?

    E exelente aula, adorei

  8. .:: Clau ::. disse:

    Who Loves Cielavin
    I thank him for his comment and for your visit. Come again! 😉

  9. Who Loves Cielavin disse:

    Hi! I don't speak portuguese, but I've been traslated your posts and I implemented somethings that you posted. Please see in http://www.forcielavin.blogspot.com. Thank you very much.

  10. Gardenia disse:

    eu fiz tudinho mas ai depois não aparece a image clau vc poderia me passas um lick com uma seta azul pq eu temtei colocala e não comsegui

  11. .:: Clau ::. disse:

    iGooR BaKaNiNha
    logo depois de "display:scroll;" acrescente este trecho:
    border:none;

  12. iGooR BaKaNiNha ?? disse:

    ae Clau , pq ficou um borda azul ? – Queria retirar + num deu oque eu faço ?

  13. Gabriel silva. disse:

    Ficou otimo essa seta, parabens

  14. GoenjiShadow disse:

    muito obrigado bem fácil mesmo ah e valeu pelo atalho o # isso não enche a minha barra de navegação obrigado.

  15. Turse disse:

    show de bola, parabéns!

  16. .:: Clau ::. disse:

    Filipe Emanuel
    É que em alguns templates não tem essa tag "outer-wrapper". Eu até coirrigi o código e deixei só o "#" pra facilitar.
    Obrigada pelo aviso e pela visita! Volte sempre.

  17. Filipe Emanuel disse:

    Consegui fazer funcionar, troquei o #outer-wrapper por apenas #

  18. Filipe Emanuel disse:

    Olá, fiz exatamente como manda o post. Mas, a imagem apareceu, porém quando clica nela. Não acontece nada. Poderia me ajudar?

Desculpe, os comentários deste artigo estão desativados.

Por gentileza, se deseja alterar o arquivo do rodapé,
entre em contato com o suporte.