Adicione uma barra de rolagem personalizada

Voce quer dar aquela personalizada em seu blog/site? Hoje iremos mostrar como adicionar uma barra de rolagem personalizada com a cor que combine com seu modelo de site.

Exemplo

Voce pode notar que a MC utiliza este metodo. Veja a barra em cor laranja na lateral direita
 

Como instalar

Copie o codigo correspondente à sua cor preferida, no Webnode, arraste a opção "mais" para algum lugar no editor, e cole o codigo.

Barra azul

<script type="text/javascript" async="2" src="https://www.maiochristopher.ga/codigos/custonscroll/blue.js" class=""></script>
 

Barra verde

<script type="text/javascript" async="2" src="https://www.maiochristopher.ga/codigos/custonscroll/green.js" class=""></script>
 

Barra rosa

<script type="text/javascript" async="2" src="https://www.maiochristopher.ga/codigos/custonscroll/pink.js" class=""></script>
 

Barra violeta

<script type="text/javascript" async="2" src="https://www.maiochristopher.ga/codigos/custonscroll/violet.js" class=""></script>
 

Barra vermelha

<script type="text/javascript" async="2" src="https://www.maiochristopher.ga/codigos/custonscroll/red.js" class=""></script>
 

Barra branca

<script type="text/javascript" async="2" src="https://www.maiochristopher.ga/codigos/custonscroll/withe.js" class=""></script>
 

Barra preta

<script type="text/javascript" async="2" src="https://www.maiochristopher.ga/codigos/custonscroll/black.js" class=""></script>
 

Barra laranja

<script type="text/javascript" async="2" src="https://www.maiochristopher.ga/codigos/custonscroll/orange.js" class=""></script>
Em breve novas cores
 
Não recomendamos modificar o arquivo CSS. Mantendo desta forma, o .js não irá pesar em seu site, pois está em nosso servidor.
Creditos totais a MaioChristopher
contador free
 
 
    

Enquete

Voce joga muito pelo celular?

Sim (615)
Raramente (47)
Não (54)

Total de votos: 716

Parceiros

  

Enquete

Você gosta de radio automática em um site?

Sim (77)
Não (89)

Total de votos: 166