Scrolling bar for blogger as look like Google+ one on site

Want change scrolling bar in blogger site etc, as look like Google site having don’t need any JavaScript or any other thing just CSS copy and paste the code in blogger editor or in your site

Many websites used the same design for scrollbar with different techniques, some with JQuery or etc. Many blogger users also wanted to use the same design for their blog but they were helpless as most of the blogger users just have basic knowledge of web languages so it was difficult for them to make such design on their own.

::-webkit-scrollbar {
width: 15px;
}

::-webkit-scrollbar-track {
background: #FFFFFF;
-webkit-box-shadow: inset 1px 1px 2px #E0E0E0;   
border: 1px solid #D8D8D8;
}
::-webkit-scrollbar-thumb {
background: #646464;
-webkit-box-shadow: inset 1px 1px 2px rgba(155, 155, 155, 0.4);  
}
::-webkit-scrollbar-thumb:hover {
background: #00a0b1;
}
::-webkit-scrollbar-thumb:active {
background: #00a0b1;
-webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.3);
::-moz-scrollbar {
width: 15px;
}
::-moz-scrollbar-track {
background: #FFFFFF;
-moz-box-shadow: inset 1px 1px 2px #E0E0E0;   
border: 1px solid #D8D8D8;
}
::-moz-scrollbar-thumb {
background: #646464;
-moz-box-shadow: inset 1px 1px 2px rgba(155, 155, 155, 0.4);  
}
::-moz-scrollbar-thumb:hover {
background: #00a0b1;
}
::-moz-scrollbar-thumb:active {
background: #00a0b1;
-moz-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.3);