Subscribe For Free Updates!

We'll not spam mate! We promise.

Thursday 8 August 2013

How to Change the Scroll Bar of Blogger



 Change the Scroll Bar of Blogger


Scrolling bar will be available in right facet on the web browser bill. Scrolling bar help people in order to scroll way up and also scroll straight down internet site. Most people, use the default scrolling bar it appears different in every type involving browsers. When anybody get Safari it's going to available since Safari created scrolling type, plus it is dependent upon type involving Microsoft windows. When anybody use Or windows 7 after that it's going to be available in Orange color and when anybody use Microsoft windows 8 as well as any other Main system it's going to available as outlined by their particular COMPUTER ITSELF builds. Some examples involving Scrolling bar will be offered down below. One will be considered along with default scrolling bar and also other an example may be considered along with scrolling set of scripts.

It will put in a Wonderful CSS Scroll Bar in your Web site like from the preceding photograph.
You can even alter along with on this scroll Bar, can make it combined shaded scroll Bar.
It is quite simple to alter your current Blog's Default Scroll Pub to the CSS Scroll Bar.


You'll want to comply with most of these simple steps with regard to adding this kind of scroll Bar.

Step 1: Go to Blogger>Template>Edit HTML

Step 2: Find This piece of Code ]]></b:skin>.

Step 3: Copy The following code and paste just Above it.


::-webkit-scrollbar {
background:#fff;
width:10px;
}
::-webkit-scrollbar-thumb {
-webkit-box-shadow: inset 0 0 6px rgbaundefined0, 0, 0, 0.5);
background-image: -webkit-linear-gradientundefinedtop, #336699 10%, #336699 51%);
}
::-webkit-scrollbar-track {
}
Step 4: Click on Save template and view your blog and enjoy New Scroll Bar :)

Note: You can change the color of Scroll bar by changing the highlighted Code Colors.


Please Give Us Your 1 Minute In Sharing This Post!
SOCIALIZE IT →
FOLLOW US →
SHARE IT →
Powered By: ITmaza

0 comments:

Post a Comment