Apa Definisi WebKit Scrollbar?
Sebagian besar orang masih berpikir apakah kata "WebKit Scrollbar" berarti, itu adalah bar vertikal atau horizontal yang biasanya muncul di sisi kanan layar dan yang memungkinkan pengguna untuk gulir ke bawah halaman melalui mouse mereka. Jika ada yang masih tidak dapat memahami bagaimana cara kerjanya kemudian, jangan lupa untuk memeriksa demonstrasi berikut yang akan menghapus semua kesalahpahaman yang bergoyang-goyang ke dalam otak Anda. Perhatikan screenshot berikut.
::-webkit-scrollbar { /* 1 */ }
::-webkit-scrollbar-button { /* 2 */ }
::-webkit-scrollbar-track { /* 3 */ }
::-webkit-scrollbar-track-piece { /* 4 */ }
::-webkit-scrollbar-thumb { /* 5 */ }
::-webkit-scrollbar-corner { /* 6 */ }
::-webkit-resizer { /* 7 */ }
Mengapa Menggunakan Custom Scrollbar?
Tidak ada alasan mengapa mematikan seseorang bisa mengatakan tidak kepada Disesuaikan Scrollbar karena menambah hidup elegan baru ke situs web nya. Pertimbangkan bahwa seseorang memiliki website yang sangat profesional tapi karena itu, Scrollbar adalah dari tua-sekolah, sehingga cukup jelas bahwa, itu akan menghancurkan prospek lengkap dari sebuah situs web. Untuk mempelajari lebih lanjut tentang perbedaan antara biasa atau dan scrollbar disesuaikan mempertimbangkan screenshot berikut.
Bagaimana Tambahkan WebKit Scrollbar di Platform Blogger?
Sejujurnya, tidak ada kompleksitas dalam tutorial ini karena semua yang perlu kita lakukan adalah untuk memasukkan CSS untuk tema kita, dan itu akan melakukan pekerjaan cukup mudah. Untuk menginstal WebKit Scrollbar dalam template blogger Anda mempertimbangkan petunjuk berikut.
- Kembali ke Blogger.com >> Template >> EDIT HTML >> Lanjutkan.
- Sekarang dalam tema Mencari ]]> </ b: skin> dan di atasnya Paste Code CSS Berikut.
/* --- Tempat Blogging Custom WebKit Scrollbar di Blogger --- */
::-webkit-scrollbar {
background:#fff;
width:10px;
}
::-webkit-scrollbar-thumb {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
background-image: -webkit-linear-gradient(top, #336699 10%, #336699 51%);
}
::-webkit-scrollbar-track {
}
- Kemudian Ganti # 336699 dengan warna dengan selera Anda.
Semua Selesai: Setelah melakukan semua kustomisasi cukup tekan tombol Save. Sekarang Kunjungi situs Anda dan kami yakin itu tidak akan mengecewakan Anda. Dengan menggunakan teknik yang sama, kita dapat menyesuaikan berbagai elemen dari sebuah situs web. Semoga Bermanfaat