Barra de rolagem personalizada!

Oi cupcakes tudo bem com vocês? estou otima hoje! trouxe um tutorial muito legal para seu blog 

se for reblogar por favor credite! vamos ao tutorial meninas(os) sei la!!

Clique em "Read More" e continue lendo

Entra na sua conta do Blogger vai em Modelo e editar Html e aperte Ctrl + F e procure por:

                                                                   ]]></b:skin>

                                          O codigo irá aparecer em Laranja 

E em cima de ]]></b:skin> você coloca esse código

Barra de rolagem redonda

::-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;}

 Agora Vamos entender o código O código destacado em azul é a cor da barra de rolagem, o de vermelho é a borda da barra de rolagem e o rosa é a imagem do fundo da  barra de rolagem

Agora Vamos a barra de rolagem Quadrada

Procure por :
]]></b:skin> 
Vai aparecer em Laranja.
E logo acima de ]]></b:skin> cole isso:

{
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 entender o Codigo

Em verde é a cor da Barra de Rolagem e a rosa é o fundo da Barra.

Clique em "Salvar" e pronto! E isso ai gente espero te ajudado!

Beijos 

Comente!