[Tutorial] Scrollbar Bisel by Kumy

¡Vuelven los tutos!
Ya tengo ordenador.
Ya tengo Photoshop.
Ya tengo nuevo diseño en curso.
TKB parece que va bien, (esperemos que por mucho tiempo) y quería retomar los tutoriales.
Ya que nunca había hecho tutoriales de scrollbar, he pensado en hacerlo ahora.
Esta scrollbar la vi en el blog de Kumy y le llevo usando mucho tiempo, es la scrollbar que más me gusta de todas las que he probado o por lo menos una de ellas, así que créditos a Kumy :3.

La scrollbar es sencillita, muy linda, no ocupa mucha pantalla ya que es muy finita y eso es un plus que amo.
Sin más dilación, ¡vamos al tutorial!:



Para este tutorial, se pueden usar dos cosas: Javascript(no recomendado) o HTML(recomendado)
Para Javascript haremos lo siguiente;

Diseño

Añadir Gadget Javascript

<style>:-webkit-scrollbar{ width:7px;height:7px;} /* Largura da barra */ ::-webkit-scrollbar-track-piece{background-color:#fff;} /* Fondo de la barra larga */ ::-webkit-scrollbar-thumb:vertical{height:50px; background-color:#6b8bba; /* Estilos da barra vertical */ box-shadow: inset 1px 1px 0px #fff; border: 1px solid #6b8bba; /* Borde de la barra */ ::-webkit-scrollbar-thumb:horizontal{width:50px; background-color:#6b8bba; /* Estilos de la barra horizontal */ box-shadow: inset 1px 1px 0px #fff; border: 1px solid #6b8bba; /* Borde de la barra */</style>

Versión HTML:

Plantilla.

Editar HTML.

Ctrl+F y escribes ]]></b:skin>  y pegas el siguiente código antes de la etiqueta:

::-webkit-scrollbar{ width:7px;height:7px;} /* Largura da barra */ ::-webkit-scrollbar-track-piece{background-color:#fff;} /* Fondo de la barra larga */ ::-webkit-scrollbar-thumb:vertical{height:50px; background-color:#6b8bba; /* Estilos da barra vertical */ box-shadow: inset 1px 1px 0px #fff; border: 1px solid #6b8bba; /* Borde de la barra */ ::-webkit-scrollbar-thumb:horizontal{width:50px; background-color:#6b8bba; /* Estilos de la barra horizontal */ box-shadow: inset 1px 1px 0px #fff; border: 1px solid #6b8bba; /* Borde de la barra */ }

Y pues ya!, ya tendrás tu nueva scrollbar en tu blog :3
Muchos besos, bye!