Como colocar barra de rolagem personalizada no blog

Oii eu denovo rsrs , agora vim lhes mostrar como colocar uma barra de rolagem personalizada no blog ^^

vá em seu modelo
clique em editar html
aperte F3 e procure por ]]></b:skin>
acima dele cole este código :

/*** Rolagem da Vertical da Página ***/

::-webkit-scrollbar-thumb:vertical {

background: #D80247; /*Cor da barrinha que se move*/

border: 1px solid #ffffff; /*Coloque borda se quiser*/

height:50px;

border-radius: 20px;

-moz-border-radius: 20px;

-webkit-border-radius: 20px;

}

/*** Rolagem da Horizontal da Página***/

::-webkit-scrollbar-thumb:horizontal {

background-color:#FF0052; /*Cor da barrinha que se move*/

border: 1px solid #ffffff; /*Coloque borda se quiser*/

height:10px;

border-radius: 20px;

-moz-border-radius: 20px;

-webkit-border-radius: 20px;

 }

/*** Parte fixa da rolagem (fundo que não se move) ***/

::-webkit-scrollbar {

height:10px;

width:15px; /*Largura da barra de rolagem*/

 background: #000000; /*Cor da parte fixa, que fica no mundo*/

border: 1px solid #; /*Coloque borda se quiser*/

}

E vá editando as partes grifadas colocando as cores que preferir ^^
Beijos da Sa!