COMO MODIFICAR LA BARRA LATERAL SCROLLBAR

 Busca la palabra scrollbar en Diseño >> Edicion de HTML y tal vez te salga este codigo

::-webkit-scrollbar {
               o
::-webkit-scrollbar-thumb {

 Estos son los que se modificaran de tal modo que quede asi

::-webkit-scrollbar {
height:8px;
width: 8px;
background:#F8E0F1;
}
::-webkit-scrollbar-thumb {
background-color:#FF94F3;
-moz-border-radius: 10px;
border-radius: 0px;
}

 Bien en caso de que no venga el codigo scrollbar entonces busca el codigo body { y justo arriba pon el codigo del punto 2).

 Te quedara asi

::-webkit-scrollbar {
height:8px;
width: 8px;
background:#F8E0F1;
}
::-webkit-scrollbar-thumb {
background-color:#FF94F3;
-moz-border-radius: 10px;
border-radius: 0px;
}

body {
background:url(Tu url de fondo);
font-family: tu tipo de letra;
background-attachment:fixed;
cursor: url(tu cursor), auto;
} etcetera x.x

 Bien les explico los terminos para que lo hagan como ustedes quieran

::-webkit-scrollbar {

height:8px;

width: 8px;

background:#F8E0F1;

}

::-webkit-scrollbar-thumb {

background-color:#FF94F3;

-moz-border-radius: 10px;

border-radius: 0px;

}

8px >> Ambos deben ser iguales!! Es el tamaño de la barra que no sobrepase del 10px para que no se vea muy grueso.

#F8E0F1 >> Fondo de la barra. Es el color claro.

#FF94F3 >> El color de la barrita que esta adentro que se mueve. Es el color fuerte.

10px >> Los pixeles de el radio.. te recomiendo dejarlo asi, pero igual experimenta hasta que quede como gustas!

Solo te recomiendo que juegues con los colores de la barra que uno sea mas claro y otro mas oscuro para que se distingan. Da click AQUI para averiguar el codigo de los colores

6) Listo!! ya quedo.... si tienen algun problema o una duda decidmela bye 

REFERENCIA "KAWAII TUTOS"......