Personalizar barra de desplazamiento blogger

este truco solo funciona en google chrome, personalizar la barra de desplazamiento o scrollbar de blogger, este truco es muy atractivo pues casi nadie se fija en la barra que se desplaza cuando vemos mas abajo de una sitio web, y tener la posibilidad de personalizarlo es muy interesante, este truco lo pueden ver aqui mismo en mi blog solo desplacen el scroll del cursor y pueden verlo.
para tener este truco en su blog solo agreguen este codigo en la platilla y agréguenlo arriba de </b:skin>
que en la nueva plantilla esta abriendo esta parte

o pueden ponerlo en plantilla, luego personalizar, opciones avanzadas y añadir css lo pegan le dan enter y aplicar al blog

::-webkit-scrollbar { height:12px; background: #fff;} ::-webkit-scrollbar-thumb { background-color: #5281D9; }

lo que esta en color verde es el ancho de la barra
lo que esta en color azul es el color de fondo donde se desplaza la barra
y lo de color rojo es el color de la barra que se desplaza