Tutorial: Barra de Rolagem personalizada

Olá meus amores....

Hoje eu vim trazer mais um tutorial pra vocês,hoje eu vim ensinar como personalizar a barra de rolagem e deixar ela colorida,bem vamos logo ao tutorial? ^.^

Pois bem no final da postagem a sua barra de rolagem estará mais ou menos assim:

Bem gente para vocês terem uma barra de rolagem igual a essa,primeiro vocês devem ir:

Primeiro vão no painel do blog de vocês depois cliquem em "Modelo" ----> Editar HTML------> Prosseguir---> apertem CTRL+F ou F3

E procurem por ]]></b:skin> antes o seguinte código:

/*** Rolagem da Vertical da Página ***/::-webkit-scrollbar-thumb:vertical {background: #ff0f72; /*Cor da barrinha que se move*/border: 1px solid #bgh; /*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:#ff0f72; /*Cor da barrinha que se move*/border: 1px solid #bgh; /*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 #bgh; /*Coloque borda se quiser*/}

Mudem as cores conforme vocês quiserem usando essa tabela de cores aqui.
Espero que tenham gostado do tutorial,qualquer duvida comentem. Até mais  ^.^

Créditos: Cherry Bomb e  Quinze para meia noite.