How to Change or Edit Scrollbar at my Blog?

Scrollbar Types

Gadgets For Blogger - Our theme today is the Scrollbar on a specific browser which can be in the Edit / Change Style. Hehehe yes really far from the Collection Script vbs and bat to Css:-D

Scrollbar like? like the picture on the left side. Yes very true friend. Scrollbar in the browser according to the terms of the language of the people (traveling from blog to blog) is a facility in a browser that can be interpreted as a tool to move pages / web pages both up and down and right and left. According to the terms of the few people who posted about the theme of my Scrollbar strain so so hehe. From the meaning of the logic is all browsers facilitating dong lol, there is no browser that does not exist their Scrollbar? Want a Web browser so what haha!

Back to ... Laptop [if not use a laptop that not what what is it? haha]
Scrollbar that has been provided a Web Browser that can also be said Standard. Why Standards? Karna is the default Scrollbarnya like that, no ash and no terhiaskan motivated by the beauty .... zzz (not great literature), wkwk. By because it is here ane posts on how to edit the scrollbars that of standard display or ordinary becomes beautiful by using css.

Look at this Scrollbar editing tutorial for Blogger, my friend CAN ONLY USE WITH -webkit- only is Google Chrome or Safari only. Not Firefox or Opera or Internet Explorer worse! Nowadays not many people who use Google Chrome tuh, can take advantage of ya: D


How to Change or Edit Scrollbar at my Blog?

Create / Edit a Scrollbar on the Google Chrome Browser is by using the code-webkit-earlier. Once in place the magic Css, Css will run to All Widgets, Gadgets, Home, Object which has the Scrollbar. Details are below:
First of all open blogger.com friend with the Pass and ID friend.
On the Dashboard page click Edit HTML Layout → → find the code ]]></ b: skin>
Next put the following CSS code right above ]]></ b: skin> was:


::-webkit-scrollbar {
height:12px;
width: 12px;
background: #fff;
}
::-webkit-scrollbar-track {
box-shadow: 0 0 3px #777;
border-radius: 7px;
}
::-webkit-scrollbar-thumb {
background-color: #de0101;
box-shadow: inset 0px 0px 4px #777;
border-radius: 7px;
}

4. and Save Your Template!

You Can Customize the CSS code ^^ Happt Creativity - Gadgets For Blogger
farixantips