tutorial - scroll bar with line

Assalamualaikum :) kita straight je lah eh . Tak payah belok belok . Haha okey merepek :|
Tak tahu ape scroll bar with line ? Macam ini :

Nampak tak ? ade line kan ? kan ? Jom buat :D

1. dashboard - design - edit html - tick expand widget template

2. search kode ini : ::-webkit-scrollbar {

3. scroll sampai ke bawah kode ::-webkit-scrollbar { , korang akan nampak tanda } .

4. dah jumpa ? copy pulak code bawah ni dan paste di BAWAH tanda } .

::-webkit-scrollbar-track-piece { background-color: #000000; border: 5px solid #FFFFFF; }

merah - warna background . boleh tukar di SINI .

oren - ini adalah size line. kalau size scroll bar korang 10 korang letak 5 untuk seimbangkan line .

hijau - jenis line boleh tukar kepada dotted

biru - warna bagi line

5. Save !

---

THANKS FOR READING THIS :) LIKE IF YOU LIKE ♥

---