Personaliza las barras de desplazamiento de tu blog

 

¡Hey! 

Aprende a como personalizar las barras de desplazamiento de tu blog, cambiales el color, anchura e incluso editalas como desees.

Primero les muestro un ejemplo aquí abajo;

 

En estos la barrita es más fina y por consecuencia el ''Fondo'' también.

 

¡Comencemos!

 Pasos;

Diseño  Plantilla  Editar HTML

Con CTRL + F buscamos el código;

]]></b:skin>

ya encontrado pegan justo arriba;

::-webkit-scrollbar {
height: 12px;
width: 15px;
background: #febeba;
}

::-webkit-scrollbar-thumb {
background: #00BFFF;
-Moz-border-radius-bottomRight: 50px; border-bottom-right-radius: 50px; -Moz-border-radius-topLeft: 50px; border-top-left-radius: 50px;
}

Que al final quedaría algo así;

  

Indicaciones;

Rojo: ancho y alto del fondo de la barra de desplazamiento.

Verde: color del fondo de la barra.

Azul: color de la barra.

 Violeta: dimensiones de tu barra { según los valores que elijas podrás definir qué tan fino o ancho desees tu barra de desplazamiento }

Das vista previa y guardas tu resultado :)