Cara Menghilangkan Scroll Bar Di Blog Menggunakan CSS




Cara Menghilangkan Scroll Bar Pada prinsipnya scroll bar merupakan alat bantu dalam menggeser tampilan secara horizontal atau vertikal di blog namun nyatanya hal itu sudah hampir jarang digunakan lagi dengan adanya scroll pada mouse dan scroll bar sendiri sekarang hanya di gunakan sebagai penunjuk blog di bagian atas hingga pada bagian akhir agar lebih cepat.

Namun seiring kemampuan manusia banyak para desainer template menemukan berbagai cara seperti scroll inderect contohnya sebagai pengganti scroll bar.

Lantas apa sebenarnya tujuan dari menghilangkan atau menghapus scroll bar pada blog ? kebanyakan merupakan tujuan untuk mempercantik tampilan pada blog bukan :D

Dan langsung pada intinya saja, cara menghapus scroll bar Pada Template Blog yakni dengan menambahkan sebuah CSS seperti di berikut ini :

1. Masuk Blog Kamu

2. Pilih Menu Tema

3. Pilih Edit HTML

4. Cari kode </head> lalu pastekan kode script css ini di bawah ini dan letakan tepat di atas kode </head> tersebut


 <style type='text/css'>.element,html{scrollbar-width:none}html::-webkit-scrollbar,.element::-webkit-scrollbar{display:none}</style> 


5. Simpan

Cara ini hanya berkerja pada platform blogger saja selain itu css ini tidak akan berlaku.

Cukup mudah bukan, nah begitulah cara menghilangkan scrol bar pada template blog, semoga tips diatas dapat membantu anda dalam mendesain blog agar lebih mempercantik lagi tampilan dan apabila kalian menyukai artikel ini silahkan share ke media sosial kalian guna membantu blog ini dalam memberikan tips menarik lainnya. terima kasih

sumber : www.lewatinaja.com
Tampilkan Komentar