Personalizar la Scrollbar de tu blog

Lourdes me pidió este tutorial. Yo solo sabía para layouts, pero me puse a "investigar" y lo encontré. No es mío, por lo que doy créditos a: {x}

1. Vamos a Plantilla de nuestro blog
2. Abrimos (Ctrl+F) y buscamos "]]></b:skin>"
3. Arriba de eso pegamos el siguiente código.

::-webkit-scrollbar{

background-color:#fff;

width:10px;

}

::-webkit-scrollbar-thumb {

background-color:#ff4c96;

width:10px;

}

La primera parte del código: "webkit-scrollbar" es la barra completa, y la segunda "webkit-scrollbar.thumb" es la chiquita.

"background-color" es color de la barrita.
"width" es el anchito de la barra, dejalo en 10, si no se verá muy grande.

Si quieres que se vea redondeada en los bordes, añádele lo siguiente:

-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;

Aunque eso es opcional, solo si tu quieres :)