Tutoriales Sobre Blogger: Personalizar barra de desplazamiento en nuestra plantilla

En este tutorial veremos como personalizar nuestra barra de desplazamiento en nuestra plantilla blogger, con la ayuda de Webkit o tambien conocida como Webkit Scrollbar. Lamentablemente este tutorial solo se vera
personalizados con los navegadores Google Chrome. Como sabemos la mayor parte de la gente utiliza Google Chrome seguiremos con nuestro tutorial

Antes que nada veremos una demostración: La demostración la encontraras en nuestro blog

Comencemos

• Paso 1: Vamos a Blogger>> Plantilla>> Editar HTML>>
• Paso 2: Buscamos la siguiente linea: Despegable

]]></b:skin>

• Paso 3: Justo por encima de ]]></b:skin> pegamos el siguiente código CSS 

/* Webkit Scrollbar por www.tutoriales-blogger.info*/
::-webkit-scrollbar {
    width: 12px;
}
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background:#fff;
}
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(4,189,250,0.8);
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
::-webkit-scrollbar-thumb:window-inactive {
                background: rgba(4,189,250,0.4);
}
/* Webkit Scrollbar por www.tutoriales-blogger.info*/

•  Paso 4: Guardamos los cambios realizados en la plantilla

Nota:- Puedes cambiar lo que esta en rojo por el color que mas te guste