Membuat Scrool Bar Blog Minimalis

Lanjutan dari postingan saya yang kemarin adalah tentang membuat scroll bar pada blog juga,
kini saya mencoba share membuat scroolbar yang lebih minimalis dan lucu.
Langkahnya sama dengan yang kemarin. Kurang lebih mirip-mirip kemaren, silahkan dicoba sendiri yak.

Langsung saja silahkan dicoba :

1. Masuk ke account blogger kawan,
2. kemudian masuk ke edit HTML
3. Cari kode ]]><b:/skin> gunakan (ctrl+F)
4. kemudian jika sudah ketemu silahkan copy script dibawah ini diatas Code no. 3

::-webkit scrollbar{height:8px;overflow:visible;width:15px}
::-webkit-scrollbar-button{height:0;width:0}
::-webkit-scrollbar-track{background-clip:padding-box;border:solid transparent;border-width:0 0 0 1px}
::-webkit-scrollbar-track:hover{background-color:rgba(0,0,0,.05);box-shadow:inset 1px 0 0 rgba(0,0,0,.1)}
::-webkit-scrollbar-track:active{background-color:rgba(0,0,0,.05);box-shadow:inset 1px 0 0 rgba(0,0,0,.14), inset -1px 0 0 rgba(0,0,0,.07)}
::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2); background-clip:padding-box;border:solid transparent; border-width:1px 1px 1px 1px;min-height:28px;padding:100px 0 0;
box-shadow:inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07)} ::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.4); box-shadow:inset 1px 1px 1px rgba(0,0,0,.25)}
::-webkit-scrollbar--thumb:active{background-color:rgba(0,0,0,0.5); box-shadow:inset 1px 1px 3px rgba(0,0,0,0.35)}
::-webkit-scrollbar-corner{background:transparent}body
::-webkit-scrollbar{height:10px;overflow:visible;width:8px}body
::-webkit-scrollbar-track-piece{background-clip:padding-box; background-color:#f5f5f5;border:solid #fff;border-width:0 0 0 0px; box-shadow:inset 1px 0 0 rgba(0,0,0,.14),inset -1px 0 0 rgba(0,0,0,.07)}body
::-webkit-scrollbar-thumb{border-width:1px 1px 1px 1px;margin:0 0 0 1px}body
::-webkit-scrollbar-corner{background-color:#f5f5f5}

     5. Langkah terakhir, silahkan save template kamu.