Tutorial • Barra de rolagem personalizada

Olá pessoal lindo! Tudo bem??

Eu estou ótima! Trago hoje um tuto bem fácil de como personalizar a barra de rolagem do blog e deixar ele mais bonitinho. Então,vamos ao tutorial!!
Vá em seu HTML e procure por:

 ]]></b:skin>

Acima dele cole:

/*** rolagem da vertical da página ***/
::-webkit-scrollbar-thumb:vertical {
background: #FF82AB; /*cor da barrinha que se move*/
border: 0px solid #ffffff; /*coloque borda se quiser*/
width:3px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
/*** rolagem da horizontal da página***/
::-webkit-scrollbar-thumb:horizontal {
background-color: #FF82AB; /*cor da barrinha que se move*/
border: px 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:10px; /*largura da barra de rolagem*/
 background: #FFF0F5; /*cor da parte fixa, que fica no mundo*/
border: px solid #; /*coloque borda se quiser*/
}

Pronto! Depois é só ir alterando até ficar do seu jeitinho!
Bjoos e até a próxima! ♥
Créditos: ♥