Scroll suave com JavaScript

A personalização do blog é algo sem fronteiras e que mostra ao leitor a preocupação com os detalhes para melhor lhe agradar. Algo que incomoda tanto leitores quanto autores é a rolagem da página (Scroll) que é algo muito rápido e normalmente sem graça. Por este motivo, neste tutorial mostraremos como fazer com que a rolagem da página no seu blog seja suave.

1 Vá em Tema > Clique na caixa de códigos > Aperte Ctrl + F ou F3 > Procure por <head> > Cole abaixo:

2 Não faça nenhuma alteração e salve.
Compartilhe no Facebook
Compartilhe no Twitter
Compartilhe no Google+

11 comentários, comente também!

  1. Feliz Ano Novo \\o
    Esperando as surpresas o// Nossa, da pra mudar isso, é muito bom quando a página tem um movimento suave. Deixa a página com um ar mais profissional.

    Studio-Help.blogspot.com.br

    ResponderExcluir
    Respostas
    1. Feliz ano novo pra você também!
      As surpresas estão ótimas shauhsuahsua
      É muito melhor quando a rolagem da página está suave, deixa com um ar 10000000% mais proficional :v

      Excluir
  2. Feliz ano novo para você também! :)
    Gostei muito do tutorial.
    Beijos~

    http://rubbyextras.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Feliz ano novo :3
      Que bom que gostou do tutorial, espero te ver mais vezes aqui!

      Excluir
  3. Olá! Que layout mais fofo, won tá tão cute. A fonte junto com esse degradê do cabeçalho deu em uma super combinação de fofura e estilo o//

    Studio Help!

    ResponderExcluir
    Respostas
    1. Que bom que gostou do Layout, eu simplesmente amo esse cabeçalho, usei ele diversas vezes aqui no whh :v

      Excluir
  4. Sério que dá pra alterar isso? Chocada, html/css é uma caixinha de surpresa mesmo.
    Eu visitava o blog antigamente, de lá pra cá só melhorou, perfeito. E essas páginas que não são incorporadas? Plmdds, ensina se puder?

    ishnualah.blogspot.com

    ResponderExcluir
    Respostas
    1. Sempre quis saber como colocar a rolagem suave em blogs, porque normalmente eu via em site profissionais, até que achei esse JavaScript super simples.
      HTML e CSS sempre está impressionando a todos com suas novidades, e neste caso só foi necessário um JavaScript.

      Fico feliz por você, depois de tanto tempo, continuar a visitar o blog e elogiar ele <3

      Claro que posso, inclusive já ensinei: http://www.wehearthtml.blogspot.com.br/2014/01/criar-um-menu-popup-para-blogger.html , para fazer esse efeito lento para aparecer, apenas usei o efeito Fade In (http://www.wehearthtml.blogspot.com.br/2015/01/88.html), só que invés de colocar em body, botei no popup.

      Excluir
  5. Caramba, é um efeito muito bom, na hora que entrei no seu blog percebi que estava mais suave *-*
    Aliás, que template lindo, da última vez que eu vi estava mais preto e branco :3

    Choco HTML

    ResponderExcluir
  6. Tava procurando esse código há um tempão hahah me salvou ♥
    Deixa o blog com ar profissional! Muuuuito obrigada.

    ResponderExcluir
  7. Perfecto! Gracias! Así ha quedado: https://unpaseopormadrid.blogspot.com.es/

    ResponderExcluir

• Peça tutoriais em 'Contato'
• Comente com o link do seu blog para que eu posso visita-lo
• Você pode usar as Tags negrito, itálico, links...

Créditos



O Projeto Aurora foi criado completamente, com tutoriais disponíveis no blog, por mim, Alan Felipe Jantz.

Para as postagens 'reblogadas', os créditos do local de origem dos tutoriais está no final da postagem.

Todos os ícones utilizados neste template foram pegos no flaticon.com, todos os direitos reservados para os autores dos mesmos.





Algo que é seu está aqui, mas não foi creditado?
Entre em contato clicando na aba 'Contato' do menu para receber seus créditos!
BouquetNOVO
The Only ExceptionNOVO
Wide AwakeNOVO
Simple BaseNOVO
NatureNOVO
Why so Pink?NOVO
Why So Blue?NOVO