Barra de rolagem colorida

Vocês já devem ter notado que a barra de rolagem do Canela&Flor é colorida. Lindo né? E deixa o blog com uma carinha mais cool =) .. Então, vou ensinar como modificar sua barra de rolagem.

• Vá em "Design"
• Clique em "Editar HTML"
• Marque a opção "Expandir modelos de widgets"
• Aperte Ctrl+F e procure este código:  ]]></b:skin>
• Cole o código abaixo em cima do código ]]></b:skin>

*{

scrollbar-face-color:#ff1493;

scrollbar-highlight-color:#ff1493;

scrollbar-3dlight-color:#000000;

scrollbar-darkshadow-color:#000000;

scrollbar-shadow-color:#ff1493;

scrollbar-arrow-color:#000000;

scrollbar-track-color:#000000;

}

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

::-webkit-scrollbar-thumb { background: #ff1493; }

• Clique em "Visualizar" e veja como ficou. Se estiver tudo OK, clique em "Salvar modelo".

Os códigos em negrito (#ff41493; e #000000;) correspondem as cores das barras. O #ff41493 corresponde à cor da barrinha menor, a que se movimenta, e o #000000 corresponde a barra maior. Daí é só você mudar para a cor que você desejar =)

Confira a tabela das cores e seus códigos clicando aqui.