Edita el Scrollbar de tu blog

Como cambiar el scrollbar o la barra para subir & bajar que trae nuestro blog, ya predeterminada del navegador ¿? Sencillo!:

Nos dirigimos a Plantilla / Edición HTML / Buscamos {CTRL+ F}:

]]></b:skin>

ARRIBA pegamos lo siguiente:

::-webkit-scrollbar {width: 10px; height: 10px;}
::-webkit-scrollbar-track {
background: #fff; /* FONDO PRINCIPAL */
border: 0px solid #D8D8D8;
}
::-webkit-scrollbar-thumb {
background: #aaa; /* FONDO DE LA BARRA */
-webkit-box-shadow: inset 0px 0px 10px #666; /* SOMBRA INTERIOR */
border-radius:10px; /* BORDE REDONDEADO */
}
::-webkit-scrollbar-thumb:hover {
background: #999;  /* FONDO DE LA BARRA {hover} */
-webkit-box-shadow: inset 0px 0px 10px #555; /* SOMBRA INTERIOR {hover} */
}
::-webkit-scrollbar-thumb:active {
background: #ddd; /* FONDO DE LA BARRA {al presionar} */
-webkit-box-shadow: inset 0px 0px 10px #999; /* SOMBRA INTERIOR {al presionar} */
}
::-webkit-scrollbar-button:start:decrement {  /* FLECHA SUPERIOR */
height: 10px; /* ALTO DE LA FLECHA */
width: 10px;  /* ANCHO DE LA FLECHA */
display:block;
background:#aaa;  /* FONDO */
border-radius:10px;  /* BORDE REDONDEADO */
border: 2px solid #fff;  /* COLOR/ESTILO DEL BORDE */
-webkit-box-shadow: inset 0px 0px 10px #666;
}
::-webkit-scrollbar-button:end:increment {  /* FLECHA INFERIOR */
height:10px;
width:10px;
display:block;
background:#aaa;
border-radius: 10px;
border: 2px solid #fff;
-webkit-box-shadow: inset 0px 0px 10px #666;
}

Edita lo marcado.

Puedes colocarle al "Fondo principal" una imagen de fondo o la misma que utilizas como fondo en tu blog, cambiando la linea:

background: #fff; /* FONDO PRINCIPAL */

Por esta otra:

background: #fff url(AQUI LA URL DE TU FONDO);