How To Add Scroll Bar In Your Blog Or Website #Bhinder_Badra

1. Note: Scroll Bar Install is available on any hosting website.

Example -

1. Blogger.com 

2. Tumblr.com

3. Wordpress.com

4. Any Others. 


5. Copy This CSS Scrollbar Code:

--- Code By Bhinderbadra.com -----

/*--------- Scrollbar Customization by Bhinder Badra--------- */

::-webkit-scrollbar {

width:8px;

height:6px;

}

::-webkit-scrollbar-track {

background:#FFF;  /*------This is background color of scrollbar track ------*/

-webkit-box-shadow:inset 1px 1px 2px #E0E0E0;

border:1px solid #D8D8D8;

}

::-webkit-scrollbar-thumb {

background:#f53624;  /*------Thumb color ------*/

-webkit-box-shadow:inset 1px 1px 2px rgba(155,155,155,0.4);

}

::-webkit-scrollbar-thumb:hover {

-webkit-box-shadow:inset 1px 1px 10px rgba(0,0,0,0.4); /*------Shadow on hover------*/

}

::-webkit-scrollbar-thumb:active {

background:#333;   /*------Thumb color when it is active------*/

-webkit-box-shadow:inset 1px 1px 2px rgba(0,0,0,0.4);

}

--- Code By Bhinderbadra.com -----(code-box)

3. Install Scroll Bar In Your Website .

1. Go To Dashboard In Your website

Example- Blogger.com , Tumblr.com and Other

2. Open Your Blog Or Website .

3. Open Your Website HTML Editor .

4. Search This Code 

]]></b:skin> and </style>

5. Copy This Code On the Top -

6. Paste Into Code Below ]]></b:skin> and </style> This Code .

8. Click On Save Your Website Template.

4. Note : Scroll Bar Install Method Common For Ant Website.

Change Scroll Bar Color :

1. Go To Coolors.co

2. Generate Your Color Code.

3. Search This Code In Scoll Bar Code -

background:#f53624;  /*------Thumb color ------*/

4. Copy Your Color Code

5. Paste Into Code-

Example :

Background:#53624 To Bacground:#YourColorCode

6. Save Done And Enjoy .

Terms of Service – This is posted on this website.  We own it. If anyone wants to talk about copyright.  So can talk to Bhinder Badra. Please Contact Us With #Bhinder_Badra(alert-warning)

 

VIDEO