Galihdesign - Sudah lama sekali sejak saya terakhir kali update artikel. Kali ini saya akan membagikan sebuah tutorial tentang cara menghilangkan atau menghapus Scroll bar pada tampilan blog atau website.
Pada dasarnya, sebuah template standar akan menampilkan sebuah scroll bar yang terletak di bagian paling kanan layar. Fungsinya adalah untuk memudahkan pengguna menggeser tampilan layar ke atas atau kebawah dengan cepat. Namun nyatanya, Scroll bar jarang sekali digunakan karena adanya fitur Scroll pada Mouse (PC) atau fitur usap pada Smartphone.
Pada akhirnya, Scroll bar hanya digunakan untuk menuju bagian paling atas atau bagian paling bawah halaman blog atau website.
Untuk mengatasi fenomena ini, para Web Designer mengakalinya dengan membuat fitur Scroll up dan Scroll down indirect yang bisa menggeser layar ke bagian paling atas atau bagian paling bawah secara cepat dengan hanya menekan satu tombol.
Lalu, apa gunanya Scroll Bar bawaan Browser? Untuk itulah mereka menghapusnya untuk mempercantik tampilan Blog atau Website.
3. Simpan.
Nah, itu dia cara menghilangkan Scroll bar di tampilan blog website. Semoga bermanfaat.
Pada dasarnya, sebuah template standar akan menampilkan sebuah scroll bar yang terletak di bagian paling kanan layar. Fungsinya adalah untuk memudahkan pengguna menggeser tampilan layar ke atas atau kebawah dengan cepat. Namun nyatanya, Scroll bar jarang sekali digunakan karena adanya fitur Scroll pada Mouse (PC) atau fitur usap pada Smartphone.
Pada akhirnya, Scroll bar hanya digunakan untuk menuju bagian paling atas atau bagian paling bawah halaman blog atau website.
Untuk mengatasi fenomena ini, para Web Designer mengakalinya dengan membuat fitur Scroll up dan Scroll down indirect yang bisa menggeser layar ke bagian paling atas atau bagian paling bawah secara cepat dengan hanya menekan satu tombol.
Lalu, apa gunanya Scroll Bar bawaan Browser? Untuk itulah mereka menghapusnya untuk mempercantik tampilan Blog atau Website.
Cara Menghilangkan Scroll Bar di Blog Dengan CSS
Cara ini adalah yang paling gampang yang saya temukan. Yakni dengan menambahkan css untuk menghilangkan Scroll Bar.
Cukup tambahkan kode berikut ini di pengeditan Style CSS template yang kamu gunakan.
<style type='text/css'>.element,html{scrollbar-width:none}html::-webkit-scrollbar,.element::-webkit-scrollbar{display:none}</style>Cara ini tidak hanya bekerja di Blogger saja, namun juga bisa bekerja di semua Platform website misalnya Self Hosting atau Wordpress. Akan tetapi, disini saya akan menjelaskan cara nya untuk Plaftorm
Jika kamu menggunakan Blogger, silahkan ikuti langkah-langkah berikut ini!
1. Masuk ke Dashboard Blogger > Tema > Edit HTML.
2. Letakkan kode tersebut diatas kode </head>.
Jika kamu menggunakan Blogger, silahkan ikuti langkah-langkah berikut ini!
1. Masuk ke Dashboard Blogger > Tema > Edit HTML.
2. Letakkan kode tersebut diatas kode </head>.
3. Simpan.
Nah, itu dia cara menghilangkan Scroll bar di tampilan blog website. Semoga bermanfaat.