Jovel's Blog Scroll bar using CSS.

Best Viewed in Google Chrome.
Here's the CSS code.
::-webkit-scrollbar{
width: 8px;
}
::-webkit-scrollbar-track{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
-ms-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 0px;
}
::-webkit-scrollbar-thumb{
border-radius: 0px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
-ms-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
for Blogger users,
Select your blog and go to Template -> Customize., Click the Advanced tab and select Add CSS then paste this code.
For Websites,
Paste this code before </style> Tag.
Enjoy your new look of Scroll bar.