Cara Memodifikasi Tampilan Scrollbar Blog

Cara Memodifikasi Tampilan Scrollbar Blog

Apa itu scrollbar?Scrollbar bisa dikatakan sebagai baris penggulung digunakan untuk menggeser layar. Terdapat dua macam baris penggulung, yaitu baris penggulung vertikal untuk menggeser layar ke atas atau ke bawah dan baris penggulung horizontal untuk menggeser layar ke kiri atau ke kanan.

Tampilan srollbar bawaan browser semuanya sama, tetapi kita masih bisa memodifikasi nya (mengubah tampilan scrollbar) Baik itu pada elemen tertentu atau pun semuanya...

Cara Memodifikasi Tampilan Scrollbar.

Di menu edit HTML pada akun blogger sobat tambahkan CSS di bawah ini tepat sebelum ]]></b:skin>
::-webkit-scrollbar{width:5px;background:#424242}
::-webkit-scrollbar-thumb{background-color:#222;border-radius:1px}

Mengubah Tampilan Scrollbar pada element tertentu

.element::-webkit-scrollbar{width:5px;background:#424242}
.element::-webkit-scrollbar-thumb{background-color:#222;border-radius:1px}
Ganti element dengan nama elemen yang scrollbarnya ingin dimodifikasi
Cara ini bekerja pada browser Google Chrome, karena untuk browser lainnya seperti Mozilla masih belum mendukung

Reaksi :
Blok kemudian tekan tombol Ctrl dan huruf C pada keyboard secara bersamaan untuk copy artikel di atas. Bagi pengguna Google Chrome bisa menyimpan halaman ini dalam bentuk *pdf melalui tombol print/save di atas.! Bagi yang mau repost ulang harap untuk mencantumkan tautan/sumber!..

Jika Anda menyukai , Share melalui social media di atas (satu suka dari anda sangat berarti bagi kami. Tuliskan kritik dan saran anda pada form komentar di bawah! Ketikan email dan klik subcribe untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di Info [K-Moe].

Artikel relevan lainnya
Beri Komentar