Tutorial: personalizando a barra de rolagem

Hello cutes!!! Como vocês estão? Bom, eu estou ótima, porém queria me desculpar por ter ficado ausente durante três dias, sorry!!! Hoje, de novo, eu trouxe um tutorial que mostra duas formas de personalizar sua barra de rolagem... Vamos ver o tutorial? Ah, e comentem falando o que acharam, se conseguiram fazer e qual modelo utilizaram, okay?

créditos: Cute World

Primeiramente, eu irei ensinar a forma redonda que é bem bonitinha, não acham? Eu achei super fofa :) Bom, chega de enrolação!!! Vamos ao tutorial:

Vá em Design> Editar HTML  procure por: ]]></b:skin>  Acima dele cole este código:

::-webkit-scrollbar-thumb:vertical {
background: #e7b3c2;height:50px;
border: 2px solid #fff;box-shadow: 2px 2px 4px #bebdbd;
-moz-box-shadow: 2px 2px 4px #bebdbd;
-webkit-box-shadow: 2px 2px 4px #bebdbd;
-khtml-box-shadow: 2px 2px 4px #bebdbd;
-moz-border-radius: 10px; /* Para Firefox */
-webkit-border-radius: 10px; /*Para Safari e Chrome */
border-radius: 10px; /* Para Opera 10.5+*/
}
::-webkit-scrollbar-thumb:horizontal {
background-color:#f26d92; height:10px;
border: 1px dashed #fff;
-webkit-box-shadow:0 0 1em #eee; }:
::-webkit-scrollbar {height:10px; width:20px; background: url(fundo da barra de rolagem) repeat;box-shadow: -3px -2px 10px #bebdbd;
-moz-box-shadow: -3px -2px 10px #bebdbd;
-webkit-box-shadow: -3px -2px 10px #bebdbd;
-khtml-box-shadow: -3px -2px 10px #bebdbd;}

 você também pode alterar a cor da barra de rolagem (a cor e a borda) e o background dela.

#e7b3c2 - cor da barra de rolagem

#fff - borda da barra de rolagem

fundo da barra de rolagem - URL do background

Agora eu vou ensinar a barra de rolagem quadrada, eu  também acho ela bem fofa e chama menos atenção do que aquela redonda. Bom, continuando...

Vá em Design  Editar HTML e procure por: ]]></b:skin>  E acima dele, cole este código:

{
scrollbar-face-color: #9B30FF;
scrollbar-highlight-color: #9B30FF;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-shadow-color: #9B30FF;

scrollbar-arrow-color: #000000;
scrollbar-track-color: #000000;

}
::-webkit-scrollbar {width: 12px; height: 4px; background: #000000; }
::-webkit-scrollbar-thumb { background: #9B30FF; }

Vamos enteder agora:
Barra de rolagem: #9B30FF
Plano de fundo: #000000

 Sassy Girl

 Cupcake of Shine

 Docinho de Menina

 Bubblegum Bitch