Cara Membuat Scroller Dengan CSS3

Halloo Sobat blogger kali ini saya akan sharring tentang cara membuat scroller dengan CSS3,dimana nantinya scroll bar di blog kamu akan berubah sesuai dengan selera anda.

1. Pertama masuk ke dalam blog.
2. Disini ada dua cara untuk memasukannya dengan cara menggunakan Tata Letak atau Template langsung,tapi direkomendasikan untuk template karena kalau widget biasanya agak mengganggu.
3. Jika pada Tata Letak,Pilih tambah widget (dimana saja) lalu tambah HTML.Masukan code ini :
   
   <style type="text/css">
   /* -- Reset Scroll -- */ /* scroller browser */::-webkit-scrollbar {width: 10px;}/* Track */::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.1); -webkit-border-radius: 10px;border-radius: 10px;}/* Handle */::-webkit-scrollbar-thumb { background: #a6a5a5; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1); }::-webkit-scrollbar-thumb:window-inactive {background: rgba(0,0,0,0.4); } </style>
4. Atau menggunakan template dengan cara cari kode ini :
   </style>
   lalu tambahkan tepat diatasnya code ini :
   /* -- Reset Scroll -- */ /* scroller browser */::-webkit-scrollbar {width: 10px;}/* Track */::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.1); -webkit-border-radius: 10px;border-radius: 10px;}/* Handle */::-webkit-scrollbar-thumb { background: #a6a5a5; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1); }::-webkit-scrollbar-thumb:window-inactive {background: rgba(0,0,0,0.4); }