Tutorial: como personalizar a barra de rolagem

Hi cherrys!

1.000 desculpas por mim não ter postado ontem (06/04). Mas hoje eu trouxe um tutorial que eu acho que mais ou menos quase todos conhecem, mas para aquelas blogueiras que ainda não conhecem ou são iniciante eu trouxe o tutorial (créditos no fim do post). 

Vá no HTML do seu blog e pesquise por: ]]></b:skin> cole o seguinte código acima dessa tag:

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

::-webkit-scrollbar-thumb:vertical {

background: #253037; /*Cor da barra que irá se mover*/

border: 1px solid #ffffff; /*Se desejar borda altere colocando cor*/

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:#253037; /*Cor da barra que irá se mover*/

border: 1px solid #ffffff; /*Se desejar borda altere colocando cor*/

height:10px;

border-radius: 20px;

-moz-border-radius: 20px;

-webkit-border-radius: 20px;

 }

/*** Parte fixa da rolagem (fundo imóvel) ***/

::-webkit-scrollbar {

height:10px;

width:15px; /*Largura que você deseja para sua barra de rolagem*/

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

border: 1px solid #; /*Se desejar borda altere colocando cor*/

}

Atenção: mude apenas as cores destacadas de rosa. E coloque o código da cor que você deseja usar. 

Oque acharam do tutorial? Créditos: Sorriso Jovem. Mas era só isso...kisses candy!