Tutorial- Personalizar a barra de rolagem igual a do blog.

Hi! Como vão vocês?

Hoje trago um tutorial de personalização da barra de rolagem igual aqui no PA!

Então vamos conferir?

Vá em Modelo>>Edita HTML e procure por: /]]></b:skin>

E cole acima da tag este código abaixo:

/*** Rolagem da Vertical da Página ***/
::-webkit-scrollbar-thumb:vertical {
background: #7FFFD4; /*Cor da barrinha que se move*/
border:1px solid #FA8072; /*Cor da borda*/
height:50px;
border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
}
/*** Rolagem da Horizontal da Página***/
::-webkit-scrollbar-thumb:horizontal {
background-color:#7FFFD4; /*Cor da barrinha que se move*/
border:1px solid #FA8072; /*Cor da borda*/
height:10px;
border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
}
/*** Parte fixa da rolagem (fundo que não se move) ***/
::-webkit-scrollbar {
height:10px;
width:11px; /*Largura da barra de rolagem*/
background: url(URL DA IMAGEM) repeat; /*Parte fixa, que fica no fundo*/
}

Substitua as cores e coloque o URL da imagem que você deseja que seja o fundo da sua barra de rolagem.

É isso!

Kissus...