Como mudar a Scroll Bar (Barra de Rolagem)

Olá penguins!
A pedido do meu amigo Stefilin, hoje eu vou fazer um tutorial de como mudar a scroll bar ou barra de rolagem.
É muito simples de fazer, só tem de mexer no html.


Primeiro, faça CTRL+F, no HTML do seu blog, para encontrar a seguinte tag:

/* Header

Depois, ACIMA da tag, coloque este Código HTML:

::-webkit-scrollbar { width: 10px; height: 10px;}::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment { display: none;}::-webkit-scrollbar-track-piece { background-color: rgb(0,74,174);}::-webkit-scrollbar-thumb:vertical { background-color: rgba(255,255,255,0.4); -webkit-border-radius: 10px; }

No que está a AZUL, coloque a cor escura do template.
No que está a VERDE, coloque a cor clara do template.
Para saber os códigos HTMl das cores, acesse esse site: http://www.mxstudio.com.br/Conteudos/Dreamweaver/Cores.htm , que contém as cores com os respetivos códigos HTML para usar em templates.
Bem e é só isso, espero que o meu amigo, e todos os outros tenham entendido o tutorial, para que o seu blog fique muito! :D


AVISO: A SCROLL BAR É APENAS VIZUALIZADA NO GOOGLE CHROME.


Até ao proximo tutorial.