Barra de Rolagem Personalizada

|| ||
Olá peoples que estão estudando e os que não estudando como eu!!! Pois é ainda não estou estudando estava previsto em começar as aulas ontem, mas como está tendo essa paralisação dos funcionários, não tem aula mais essa semana, talvez comece dia 24 as nossas aulas (atrasadíssimos).
Mas mudando de assunto, se lembram do game que fiz aqui no blog? Quatro pessoas ganharam divulgação e eu disse que era divulgação de uma semana para dois blogs e outras duas semanas para os outros dois blogs. Divulgação no gadget Divulgando e no post.
Primeiro blog que respondeu corretamente a pergunta foi  o Estilo Indefinido é um blog bem legal e bem juvenil desde o layout até os posts, amo os testes e dicas que a Hanny posta lá, no momento o blog está com 136 seguidores.

Mudando o assunto trouxe pra vocês uma barra de rolagem que eu mesma fiz. Esse foi um pedido na ask de como mudar a cor e deixar personalizada a barra de rolagem já temos um tutorial aqui no blog, mas resolvi fazer uma barra eu mesma. Não é igual ao do Sweet só pra deixar claro, pois do Sweet tem mais coisas.
Ela irá ficar assim:
Estou fissura nesse efeito, pois ele deixa tudo mais fofo.
Para colocá-lo no seu blog vá em Modelo>> Editar HTML>> Clique dentro da caixa de HTML e aperte Ctrl+F e procure por:
]]></b:skin>
Cole acima dele o seguinte código:
::-webkit-scrollbar{ width:10px;height:10px;} /* Largura da barra */
::-webkit-scrollbar-track-piece{background-color:#fff;} /* Background da barra fixa */
::-webkit-scrollbar-thumb:vertical{height:50px; background-color:#ffcbe1; /* Estilos da barra móvel vertical */
box-shadow: inset 1px 1px 0px #fff;
border: 1px solid #f49dc1; /* Borda da barra */
::-webkit-scrollbar-thumb:horizontal{width:50px; background-color:#ffcbe1; /* Estilos da barra móvel horizontal */
box-shadow: inset 1px 1px 0px #fff;
border: 1px solid #f49dc1; /* Borda da barra */
Mude o que for preciso, já está tudo explicadinho no código.
Espero que tenham gostado!!!
Se usarem dê os créditos ao Sweet of Cherry