Cara Menghilangkan Scroll Kafe Di Blogger

Galihdesign - Sudah usang sekali semenjak aku terakhir kali update artikel. Kali ini aku akan membagikan sebuah tutorial wacana cara menghilangkan atau menghapus Scroll bar pada tampilan blog atau website.

Pada dasarnya, sebuah template standar akan menampilkan sebuah scroll kafe yang terletak di bab paling kanan layar. Fungsinya ialah untuk memudahkan pengguna menggeser tampilan layar ke atas atau kebawah dengan cepat. Namun nyatanya, Scroll kafe jarang sekali dipakai alasannya ialah adanya fitur Scroll pada Mouse (PC) atau fitur usap pada Smartphone.
Pada akhirnya, Scroll kafe hanya dipakai untuk menuju bab paling atas atau bab paling bawah halaman blog atau website.

Untuk mengatasi fenomena ini, para Web Designer mengakalinya dengan menciptakan fitur Scroll up dan Scroll down indirect yang dapat menggeser layar ke bab paling atas atau bab 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 ialah yang paling praktis yang aku temukan. Yakni dengan menambahkan css untuk menghilangkan Scroll Bar.

Cukup tambahkan instruksi berikut ini di pengeditan Style CSS template yang kau 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 dapat bekerja di semua Platform website contohnya Self Hosting atau Wordpress. Akan tetapi, disini aku akan menjelaskan cara nya untuk Plaftorm

Jika kau memakai Blogger, silahkan ikuti langkah-langkah berikut ini!

1. Masuk ke Dashboard Blogger > Tema > Edit HTML.

2. Letakkan instruksi tersebut diatas instruksi </head>.

3. Simpan.

Nah, itu beliau cara menghilangkan Scroll kafe di tampilan blog website. Semoga bermanfaat.
Sumber https://www.galihdesign.com/

Bagikan Artikel ini