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 <style> e </style>:

::-webkit-scrollbar {
width: 7px;
height: 7px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWHYIB1XipiEO67us_1WYCgraxbhto-KSwM3DsuHsR20yjnIjMg-baj7KyYM-xh_BCMczvpKTwvCraXDqTBZo7t9a3xc4OUVS-aRPwG5zxL_Ai8DOHMNS42VP5Heh5uK9Jfix9tzXq-NwY/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.
Códigos achado em theme blogskins.