Barra del blog con bordes { Tutorial }

Bueno! como prometi que iba a subir un tuto aqui esta, y de que trata? pues de la barrita que yo tengo en el blog a su derecha de color rosa. pero esta ves la tuya va a tener un tipo de guarda que queda bonito para mi claro.
el tuto es muy facil de hacer y pues queda lindo como dije
pero antes.. CREDITOS A KOREAN SUITE


Lo primero que debemos hacer es ir a plantilla/ editar plantilla.
Una ves que estamos alli apretamos CTRL + F y les saldra el buscador,{como siempre digo no pongas el + solo aprieta ctrl y luego f}
Y ahora buscamos  ]]></b:skin> y pegamos el siguiente codigo arriba:

::-webkit-scrollbar{
width: 13px; /*largura barra vertical*/
height: 5px; /*largura  barra horizontal*/
}
::-webkit-scrollbar-track-piece{
background: #cor url("url  imagen de fondo") repeat; /* barra*/
}
::-webkit-scrollbar-thumb:vertical{
background: #cor url("url de la imagen de la barra que se mueve") repeat; /*barra que no se mueve*/
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
::-webkit-scrollbar-thumb:horizontal{
background: #cor url("url de la imagen del la barra que se mueve") repeat; /*barra que se mueve*/
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

Y ahora solo deben editar lo que les deje aqui, tambien les prepare algunas imagenes por si les gustan aqui estan tambien pueden hacer las suyas de las siguientes medidas: 17x467