Tutorial- Scrollbar com efeito hover

Yoo meninas, espero que esteja tudo bem com as senhoritas.

Ah, estou um tanto feliz, então criei um novo código^^

Sabe a scrollbar, a barrinha para rolar a página, criei um efeito hover para ela, visualize no blog de testes (www), perceba que ela muda de cor quando o mouse passa em sima dela.

1- Modelo > Editar HTML > Prosseguir vão procurar (ctrl + f) pela palavra ]]></b:skin> 

E irão colar esse código logo ACIMA de ]]></b:skin>

::-webkit-scrollbar {
height:10px;
width: 10px;
background: #708090;
}
::-webkit-scrollbar-thumb {
background:#F5F5F5;
-moz-border-radius: 5px;
border-color: #FFC1C1;
border-radius: 5px;
}
::-webkit-scrollbar:hover {
background: #BAD0EF;
}
::-webkit-scrollbar-thumb:hover {
background: #FF99CC;
}

Entenda, as parte que estão destacadas no código são as cores, ou seja o código das cores em
html, altere com as cores de sua preferência .

Tabela de cores Html online