Tutorial cara mengganti warna scroll bar

Scrollbar pada blog sebelah kanan sana bisa diubah juga warna dan juga bentuknya sesuai dengan keinginan.  Jadi sekarang aku akan menuliskan tentang tutorial cara mengganti warna scroll bar seperti di bawah ini:

Cara pertama:

1.Dashboard > Template > Edit HTML template

2.Tekan Expand widget template > CTRL + F

3.Cari kode di bawah ini:

]]></b:skin>

4.Letakkan kode berikut ini di atas kode  ]]></b:skin>

::-webkit-scrollbar {
height:12px;
width: 12px;
background: #000000;
}
::-webkit-scrollbar-thumb {
background-color: #FA5882;
-moz-border-radius: 10px;
border-radius: 10px;
border: 1px solid #000000;
} 

5.Tekan pratinjau dulu baru simpan template/preview and save template.

#warna biru: background scroll bar

#warna pink: adalah warna scroll bar

#warna merah: warna border scroll bar

Cara kedua kalau cara pertama tidak bisa:
1.Cari kode ini

/* Header

2.Copy paste kode di bawah ini dan letakkan di atas kode no 1.

::-webkit-scrollbar {height:12px;width: 12px;background: #FA5882;}::-webkit-scrollbar-thumb {background-color: #FFFFFF;-moz-border-radius: 10px;border-radius: 10px;}

3.Tekan pratinjau/preview dulu baru save/simpan template (kode warna pink anda boleh mengubahnya sendiri)

Kalau ingin mengubah warnanya boleh mencarinya kesini KODE WARNA itu tadi tutorial cara mengubah warna scroll bar dan kalau dalam widget sidebar misalnya terdapat box scroll bar otomatis akan berubah juga.

Share :