- Back to Home »
- Tutorial Blog »
- Cara Mengubah Tampilan Scrollbar Dengan Css
Posted by : Unknown
Tuesday, 14 July 2015
Halo, sobat kali ini saya akan membahas tentang cara mengubah tampilan Scrollbar dengan Css. Langsung aja, kita lanjut ke tutorialnya saja.
1. Login ke Blogger
2. Pilih menu Template
3. Klik edit HTML
4. Cari kode ]]></b:skin> Gunakan tombol Ctrl+f untuk mempermudah
5. Masukan kode dibawah ini tepat di atas kode ]]></b:skin>
::-webkit-scrollbar {height:12px;width:7px; border-radius:8px;background: #DDD;}
::-webkit-scrollbar-thumb {width:7px; background-color:#0091D6; border-radius:8px;}
6. Setelah itu simpan template
Note :
2. Ganti tulisan berwarna orange menjadi ukuran lengkungan scrollbar3. Ganti tulisan berwarna biru dengan kode warna yang anda inginkan
4. Ganti tulisan berwarna hijau dengan kode warna yang anda inginkan
1. Ganti tulisan berwarna merah menjadi ukuran lebar scrollbar