Personalização da Barra de Rolagem

Olá visitantes *-*, neste tutorial vou ensinar a personalizar a barra de rolagem do blog, é muito simples.

No painel, vai a design → editar html → aperta F3 e procura pela tag:

 ]] ></b:skin>

E cola acima dessa tag, o código seguinte.

/*Rolagem da Barra Vertical da Página*/
::-webkit-scrollbar-thumb:vertical {
background: #dcdcdc; /*cor da barrinha que se move*/
border: 1px solid #ccc; /*borda (podes eliminar)*/
height:50px;
}
/*Rolagem da Barra Horizontal da Página*/
::-webkit-scrollbar-thumb:horizontal {
background-color:#dcdcdc;
border: 1px solid #ccc; /*borda (podes eliminar)*/
height:10px;
}
/*Fundo Fixo da Barra de Rolagem*/
::-webkit-scrollbar {
height:10px;
width:15px; /*largura da barra de rolagem*/
background: #00bfff; /*cor da parte fixa*/
border: 1px solid #ccc; /*borda (podes eliminar)*/
}

Finalmente, edita o código acima ao teu gosto e de acordo com os comentários à frente de cada linha de código; e pronto, a tua barra de rolagem está prontinha *___* .