Como colocar barra de rolagem colorida no blog?

INFORMAÇÕES DO TUTORIAL

Trouxe á vocês mais um tutorial de HTML que ajuda o blog a melhorar aparência? 
A barra de rolagem colorida é muito usada em blogs, e podem mudar muito a cara do seu blog, então vamos ao tutorial? Aconselho que prestem atenção no que estão fazendo porque é muito simples, mas os passos são um pouco longos e a atenção é fundamental. Simbora ver?

1º) Design >> Editar HTML >> Aperte CTRL + F e pesquise por:

]]></b:skin>

-----------------------

2º) Cole ANTES do código esse outro aqui:

{

scrollbar-face-color:#FF69B4;

scrollbar-highlight-color:#FF69B4;

scrollbar-3dlight-color:#343434;

scrollbar-darkshadow-color:#343434;

scrollbar-shadow-color:#FF69B4;

scrollbar-arrow-color:#343434;

scrollbar-track-color:#343434;

}

::-webkit-scrollbar {width: 12px; height: 4px; background: #343434; }

::-webkit-scrollbar-thumb { background: #FF69B4; }

-----------------------

3º) Bom, agora você precisa personalizar. Veja como:

 - width: 12px = Essa é a largura da barra.
- background: #343434 = Esse é o fundo da sua barra
- background: #FF69B4 = Esse trecho é a cor da barra da rolagem. 

-----------------------

4º) Vá até a Tabela de Cores e escolha duas cores: uma pro fundo da barra e outra pra barrinha. 

Simples e rápido!!