How to get rid of scroll bars on Blogger

It's been a long time since I last updated an article. This time I will share a tutorial on how to remove or delete scroll bars on the display of a blog or website.

Basically, a standard template will display a scroll bar located at the far right of the screen. Its function is to make it easier for users to move the screen display up or down quickly. But in fact, the Scroll bar is rarely used because of the Scroll feature on the Mouse (PC) or the swipe feature on the Smartphone.
In the end, the Scroll bar is only used to go to the very top or the bottom of the blog or website page.

To overcome this phenomenon, the Web Designer outsmart by creating an indirect Scroll up and Scroll down feature that can move the screen to the very top or the bottom at the fastest by pressing just one button.

Then, what's the point of the default Browser Scroll Bar? For this reason they delete it to enhance the appearance of the Blog or Website.



How to get rid of scroll bars on a blog with CSS

This method is the easiest that I found. Namely by adding css to eliminate the Scroll Bar.

Just add the following code in the editing CSS Style template you are using.

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

This method does not only work on Blogger, but can also work on all platform websites such as Self Hosting or Wordpress. However, here I will explain how to do it.

If you use Blogger, please follow the steps below!

1. Go to Blogger Dashboard> Themes> Edit HTML.

2. Place the code above the code  </head>.

3. Save.

Well, that's how to eliminate the Scroll bar in the website blog display . May be useful.