Scrollbar Green Dotted

Scrollbar Green Dotted

Just like the previous kawaii blog post tutorials on the scrollbar. This time a different color. Exactly like the picture above. If you like, here's how to set it up on the blog.

template > edit html > put this code above ]]></b:skin>

::-webkit-scrollbar {
width: 15px;
height: auto;
}
::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment {
height: 15px;
display: block;
background:#bfdcc0;
border:1px solid #FFDBDB;
border-radius:20px;
}
::-webkit-scrollbar-track-piece {
background:url(http://i.imgur.com/WTp3A.gif);
border-radius:20px;
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background:url('http://dl9.glitter-graphics.net/pub/2728/2728019krp8i2239s.jpg');
border:1px solid #FFDBDB;
border-radius:20px;
}

Then save template and done.
Now you have scrollbar green dotted on your blog.

See the Pen Scrollbar Green Dotted by Erna Ayuning Nareswari (@ashavenger) on CodePen.