Barra de rolagem colorida nas postagens!!!

Oi meninas!!!
Me desculpe, por ficar tanto tempo sem postar,eu estava um pouco sem idéia, e você sabe que não vou postar qualquer coisa aqui no blog só pra ter assunto, me desculpem!!! 
Hoje vou postar um tutorial que achei super legal,como ele é um pouquinho grande, vou dividi-lo em duas partes, pra ficar mais simples!
A idéia é colocar aquela barrinha de descer pagina com tem na lateral do blog, e tirar aquele ar de simples, colocando uma corsinha...



1 Parte -> A Barra
Vamos ao tutorial,primeiro vá em Design > Editar HTML
E selecione a caixinha:Expandir Modelos de Widgets
aperte Ctrl+F e procure: /* Content
Quando encontrar cole o seguinte código ANTES
#Blog1{overflow-y:auto; overflow-x: hidden; height:300px; width: 100%;margin: 0px;}
Agora salve!
ps: Height é o tamanho da barra de rolagem, se quiser maior a barra maior é só aumentar o número.
2 Parte -> A cor
Vamos agora para a parte 2, depois de salvar a parte1 , desmarque a caixinha.
De Ctrl+F e procure por: ]]></b:skin>
Assim que encontrar cole ACIMA dele:
*{
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; }


Ps:Os códigos em roxo representam a cor da barra, e os em verde representam a cor de fundo. Se quiser, você pode mudar as cores, basta trocar os códigos destacados. Essa tabela tem várias cores. Não funciona no Firefox.
Visualize e se estiver tudo certo, salve.
Dou os creditos da postagens ao:
Menina Nerd  e 
Tutorizar
BJS
Sara