Membuat Scroll bar Di Blog Berubah

Pada kesempatan kali ini saya akan share "Cara Membuat Scroll Bar Di Blog Berubah" nah pasti sobat blogger belum tau gimana scroll bar yang udah di modifikasi ini? nah bagi yang belum tau silahkan lihat demonya diblog saya ini bagi yang udah mengerti :p bagi yang belum mengerti disini udah saya sediakan screenshot.



Nah bagaimana bagus kan?? kalau bagus silahkan ikuti cara dibawah ini :

1. Login ke blogger.
2. Pada Dasbor klik Rancangan, kemudian klik Edit HTML.
3. Lalu carilah kode ]]></b:skin>
setelah mencari kode ]]></b:skin>
silahkan masukan kode dibawah ini tepat di atas kode ]]></b:skin>
ini :
::-webkit-scrollbar {height:12px;width: 12px;background: #D9D9D9;}::-webkit-scrollbar-thumb {background-color: darkred;-moz-border-radius: 10px;border-radius: 10px;}
4. Jangan lupa disimpan.

NB : Tulisan yang berwarna merah harap disesuaikan dengan keinginan sobat blogger.

Mau Nambah Sedikit Dode


::-webkit-scrollbar {height:12px;width: 12px;background: #D9D9D9;}::-webkit-scrollbar-thumb {background-color: darkred;-moz-border-radius: 10px;border-radius: 10px;}


Kode Yang Warna Merah Bisa Diganti Untuk Background Nya
Kode Yang Warna Biru Muda Bisa Diganti Itu fungsinya warna scrolbar nya

hahahahahaha ..nice info Sob !

::-webkit-scrollbar{height:10px;overflow:visible;width:10px}
::-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:12px;overflow:visible;width:12px}
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;}

neh kodenya yang lebih elegan pake ini aja T.O.P!