Barra de rolagem personalizada

Oi geente

Boom, estou aqui com um tutorial que vai deixar a barra do seu blog igual a nossa !

Para entender continue a ler (: rimou, haha

 Vá em design - Editar HTML 

 Aperte F3 e procure por

  ]]></b:skin>

 e depois disso, cole ACIMA dele o código abaixo

::-webkit-scrollbar-thumb:vertical {background: #e7b3c2;height:50px;border: 2px solid #fff;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(FUNDO DA BARRA DE ROLAGEM) 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;}

Laranja: A cor de dentro da barra de rolagem

Verde: Se quiser que fique arrendondado a barra (Apague os navegadores que você não utiliza e deixe o que você usar, por exemplo eu apago o do firefox e do opera e deixo do google, {o que eu uso e recomendo}

Azul: O código do plano de fundo do seu blog.

OBS: Esse tutorial não funciona no IE(INTERNET EXPLORER)

Tutorial elaborado por mim se usar credite