Como Colocar Barra De Rolagem Personalizada para blogger!

Oi Pessoal! Vou Enssinar Como colocar uma barra de rolagem perssonalizada assim como a minha! vamos lá!

Passo A Passo!

1-Va em modelo e clique em editar html.
2- Clique dentro da caixa de texto onde estiver o html de seu blog e clique e seu teclado CTRL+F.
3-Pesquise por "]]></b:skin>".
3-Logo acima desse codigo cole o seguinte codigo fazendo umas alterações.

*{
scrollbar-face-color:#f677cc;
scrollbar-highlight-color:#f677cc;
scrollbar-3dlight-color:#e177f6;
scrollbar-darkshadow-color:#e177f6;
scrollbar-shadow-color:#f677cc;
scrollbar-arrow-color:#e177f6;
scrollbar-track-color:#e177f6;
}

::-webkit-scrollbar {width: 12px; height: 4px; background: #e177f6; }
::-webkit-scrollbar-thumb { background: #f677cc; }

A Parte em vermelho(#f677cc;) e a parte pequena que se mexe
A Parte em Azul(#f677cc;)e a parte do fundo.
*Modifique com as cores que desejar!
Clique AQUI  e veja a tabela com o codigo com todas as cores

Depois Salve e Pronto!!!!!
(As cores que ja esta no codigo e a parte que se mexe vermelha e parte do fundo preta)