Barra de Rolagem Colorida

A pedido de uma leitora do blog, hoje vou lhes ensinar como deixar a barra de rolagem do blog de vocês colorida como a minha. Eu aprendi a fazer isso no blog Menina Nerd, então créditos à Andreza por esse tutorial.

      Lembrando: barra de rolagem é essa barrinha que tem do lado direito de todos os sites que serve pra vocês ir mais para cima ou mais para baixo do site.

     Para mudar a cor dessa barra primeiro entre em Design no painel do blogger e depois em "editar html". Aperte Ctrl+F e procure pelo seguinte código:

]]></b:skin>


     Após localizá-lo cole esse código acima dele:

*{
scrollbar-face-colo:#1C1C1C;
scrollbar-highlight-color:#1C1C1C;
scrollbar-3dlight-color:#FFE1FF;
scrollbar-darkshadow-color:#FFE1FF;
scrollbar-shadow-color:#1C1C1C;
scrollbar-arrow-color:#FFE1FF;
scrollbar-track-color:#FFE1FF;
}

::-webkit-scrollbar {width: 12px; height: 4px; background: #FFE1FF; }
::-webkit-scrollbar-thumb { background: #1C1C1C; }

     Agora é só você substituir onde estiver #FFE1FF pela cor do fundo e #1C1C1C pela cor da barra. Aconselho usar essa tabela de cores para escolher a cor que você quiser.

 Esse efeito não funciona no firefox