Barra de Rolagem Personalizada!

 Barra de Rolagem Personalizada!

Olá gente! Hoje vou Ensinar a personalizar a barra de Rolagem de seu Blog! 

 Exemplos:

   

Gostou? Quer Aprender? Vamos Nessa!

Primeiramente, vá em:

Designer -> Editar HTML -> Expandir Modelos  Widgets -> De um CTRL F

Depois de fazer isso, pesquise por:

]]></b:skin>

Fez isso? Ótimo! Agora, a cima de ]]></b:skin> Cole o Código Abaixo:

::-webkit-scrollbar-thumb:vertical {

background: #FF69B4;

height:50px;

border: 2px solid #FFFFFF;

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(URL DO BACKGROUND FIXO) 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ê deve Modificar:

Modifique o #FF69B4 pela cor da barrinha que rola, e Modifique o #FFFFFF Pela borda da Barrinha.

E modifique a "URL DO BACKGROUND FIXO" pela url do background (Fundo) que deseja Usar.

Tabela de Cores para saber os Códigos Clicando Aqui! 

Site para Hospedar o Seu Background, recomendo esse Aqui! 

Aprendi esse Tutorial aqui [www ]

É isso! Espero que tenha Gostado e que tenha sido útil! Beijos!

Créditos ao Girls Online Oficial!