Tutorial: Scrollbar

Assalamualaikum and hello reader (s).

Kali nie saya nak buat tutorial scrollbar. 

Peringatan: Scrollbar ini hanya boleh digunakan oleh pengguna Google Chrome sahaja ya. 



Firstly, korang kena buka korang punya Dashboard >> Template >> Edit HTML >> Proceed >> Tick "Expand Widget Templates" >> Ctrl + F then search code kat bawah nie.


/* Header

Lepas jumpa code kat atas nie, korang copy kat bawah nie and pastekan sebelum code diatas.


::-webkit-scrollbar {width:9px;height:7px;}::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment  {height:10px;width:2px;display:block;background:#575657;border:1px dotted #FFFFFF;}::-webkit-scrollbar-track-piece  {background-color:#575757;border:4px solid #FFFFFF;}::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {background-color:#F599E1;border:1px solid #FFFFFF;}

Pilih warna yang korang suka. Code warna boleh cari >SINI<
Merah: Warna bahagian atas dan bawah
Biru: Warna scroll bar
Ungu: Ketebalan bahagian tengah-tengah tue.
Hijau: Warna bahagian tengah-tengah.

PREVIEW dulu. Kalau menjadi and takde error, boleh SAVE TEMPLATE.