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á para Tema > Editar HTML > Clique na caixa de código e aperte Ctrl + F ou F3 > Procure por <head> > Cole abaixo:

2 Salve.

12 comentários, comente também!

  1. Anônimo11/1/16

    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. Anônimo12/1/16

    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
  8. Anônimo3/3/18

    O código funciona muito bem no blog, mas acontece que as imagens ao abrir com LightBox, ficam muito em baixo. Só se vê a parte superior das imagens. Como resolver o problema?

    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...