Personalizando a barra de rolagem

Bom, acho que todos sabem do que eu estou falando, né? Para personalizar-la, basta acrescentar o código abaixo entre no css do seu theme:

::-webkit-scrollbar {
width: 7px;
height: 7px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUi9_hda093mvLMa5LuGj-zKdM_nAeDlVaQFlN0s3AJsrKvAM5846hyphenhyphenRiotA-dQpArAR8ij0XTWYrJ5la5x7-WmCC30O__4ip23RTOz9Ck9x8T4QyLiimAp_JnOb2eCK7wRIGcFuO-d2sZ/s1600/greygrain.png);
border: 3px solid #fff;
}

::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background: url( http://static.tumblr.com/uarvpk1/S4Jm40xsp/ll.png);
border: 1px solid #fff;}

Agora é só modificar ao seu gosto. Serve tanto para blogger como para tumblr.
Lembrando que o "background" pode ser também uma cor colocando o #cor_escolhida.