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.
<script src='//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js'/>
<script src='http://sites.google.com/site/testescroll/teste-scroll-suave/smoothscroll.js'/>
<script>$.smoothScroll();</script>
Se você já tem o jQuery importado no seu blog, você pode remover a primeira linha do código acima. É importante destacar que o jQuery deve estar importado antes do código do scroll.
Feliz Ano Novo \\o
ResponderExcluirEsperando 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
Feliz ano novo pra você também!
ExcluirAs surpresas estão ótimas shauhsuahsua
É muito melhor quando a rolagem da página está suave, deixa com um ar 10000000% mais proficional :v
Feliz ano novo para você também! :)
ResponderExcluirGostei muito do tutorial.
Beijos~
http://rubbyextras.blogspot.com.br/
Feliz ano novo :3
ExcluirQue bom que gostou do tutorial, espero te ver mais vezes aqui!
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//
ResponderExcluirStudio Help!
Que bom que gostou do Layout, eu simplesmente amo esse cabeçalho, usei ele diversas vezes aqui no whh :v
ExcluirSério que dá pra alterar isso? Chocada, html/css é uma caixinha de surpresa mesmo.
ResponderExcluirEu 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
Sempre quis saber como colocar a rolagem suave em blogs, porque normalmente eu via em site profissionais, até que achei esse JavaScript super simples.
ExcluirHTML 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.
Caramba, é um efeito muito bom, na hora que entrei no seu blog percebi que estava mais suave *-*
ResponderExcluirAliás, que template lindo, da última vez que eu vi estava mais preto e branco :3
Choco HTML
Tava procurando esse código há um tempão hahah me salvou ♥
ResponderExcluirDeixa o blog com ar profissional! Muuuuito obrigada.
Perfecto! Gracias! Así ha quedado: https://unpaseopormadrid.blogspot.com.es/
ResponderExcluirO 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