Tutorial | Scroll Bar With Line |

Tuto ini hanya untuk pengguna Google Chrome sahaja. Sebelum tu korang kena ada scroll bar berwarna terlebih dahulu. Kalau tak ada boleh ikut tuto sini atau sini. Contoh line ada kat bawah atau boleh tengok scroll bar yana.  

1) Tekan CTRL + F dan search kod ini

::-webkit-scrollbar {

2) Sila scroll ke bawah dan tengok yang paling last untuk kod scroll bar korang ada tanda }

3) Dah jumpa copy lak kod ini dan paste di bawah kod }

::-webkit-scrollbar-track-piece { 

background-color: #000000; 

border: 5px solid #FFFFFF; 

}

 kod merah = warna background boleh tukar kat sini

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

kod hijau = jenis line boleh tukar kepada dotted

kod biru = warna bagi line

4) Preview dan Save 

Terima kasih sudi baca. Like kalau suka