Tutorial- Barra de rolagem colorida

   Como fazer com que a sua barra de rolagem fique colorida.Pois bem, achei esse tutorial muito legal e decidi passar para vocês (é claro né) , você sabe quando você move  para baixo ou até mesmo para cima ela  na maioria das vezes é azul , e em alguns blogs ela já é quadradinha e de cor diferente . Mais chega de blá blá blá   e vamos ao tutorial .

                                           ( ex de como ficará " clique na imagem para ampliar")

 Vá em  " Design" depois " Editar HTML" 

 1- Dê Ctrl+ F  e na caixinha da pesquisa procure por:

    ]]></b:skin>

 2- Acima desse código cole:

*{
scrollbar-face-color:#FF69B4
scrollbar-highlight-color:#FF69B4
scrollbar-3dlight-color:#CDC5BF
scrollbar-darkshadow-color:#CDC5BF
scrollbar-shadow-color:#FF69B4
scrollbar-arrow-color:#CDC5BF
scrollbar-track-color:#CDC5BF
}


::-webkit-scrollbar {width: 12px; height: 4px; background: #CDC5BF }
::-webkit-scrollbar-thumb { background:#FF69B4}

Entenda os códigos :

  A parte destacada em Rosa significa aonde fica para mexer , e já os códigos destacados em Cinza é a parte que não se move.

     Para você saber mais cores e criar o seu próprio código use Essa Tabela . obs: não funciona no FIREFOX. 

 Atenção : eu que criei o código , por favor credite caso  se usar :) 

 espero que gostem 

 ( errei os códigos me desculpe)