Tutorial : Barra De Rolagem Redonda*

Hooy Pessoas  eu estava aqui em casa louca pra postar outro tutorial para vcs!
O tutorial de hj é super útil,bonito e legal!Vou ensinar a adicionar a barra de rolagem redonda  no seu blog!É mega lindo !Enfim,vamos lá  .

(Gifs extraídos do Blog : Jackie Dream,são fofos né? )
(Tutorial Pertencido ao Blog : Jackie Dream , então,devidos créditos,merecidos! )

Vá em Editar HTML  se localiza em Modelo.
Dê Ctrl + F   e procure por : ]]></b:skin>
Este código vai aparecer destacado ANTES dele,cole o código a seguir 

::-webkit-scrollbar-thumb:vertical {
background: #FF69B4;
height:50px;
border: 2px solid #FFFFFF;
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 #beFbdbd;
-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(URL DO BACKGROUND FIXO) 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;}
}

    No 1° trecho destacado de vermelho você pode trocar pela cor que te agrade,veja uma tabela de cores  http://www.mxstudio.com.br/Conteudos/Dreamweaver/Cores.htm

  No 2° trecho destacado de vermelho,coloque a URL do seu background (fundo da barra de rolagem) (O fundo está de Branco)

 Prontinho,visualize e se tiver tudo de acordo,salve,Bjinhuus