Scrollbar Cute Dotted

Gambar Scrollbar Cute Dotted

Scrollbar Cute Dotted, scrollbar background dotted atau titik2. Seperti gambar di atas.

Cara penempatannya di blog:

template > edit html > letakkan kode scrollbar di atas  ]]></b:skin> kemudian >  save template

::-webkit-scrollbar {
width: 15px;
height: auto;
}
::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment {
height: 15px;
display: block;
background:#FFEEF1;
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://static.tumblr.com/xjqjg7j/2iylnr2aq/dottedbg.png);
border:1px solid #FFDBDB;
border-radius:20px;
}

Cute kan scrollbarnya...Semoga tutorial blog kawaii tentang Scrollbar Cute Dotted bermanfaat de...

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