Posted By Ravi Patel on Sunday, 12 May 2013
Today i am Define this tutorial change colour scrollbar every one now can zoom blogger scrollbar what the hell? change the scrollbar and come to the blogger features. change the colour auto change up and down and left to right change it. now change the colour in design in CSS webkit. thats be should up check your scrollbar and attract visitors and new technology make us a professional bloggers. change your webpage or or scrollbars colours and its design it CSS3 Done
it webkit. here today provide basically Html Css code its will change old scrollbar gray colour is my opinion of this best of newbies bogger.
How to Add Blogger
1. Go to blogger login
2. Check Dashboard
3. Edit HTML
4. Control + f search
5. Find this code and paste above it
6. Save Template and done!
7. Customization!
8. Change the RGB Color by using photoshop!
(0,0,0,0.3) Shadow Replace
(139,233,38,0.8) Scrollbar Thumb Background Replace
(0,0,0,0.5) Shadow Inset
(139,233,38,0.4) Thumb Windo Background
Please /subcribe and join us the new features comming Soon!
Touch the Follow it!
it webkit. here today provide basically Html Css code its will change old scrollbar gray colour is my opinion of this best of newbies bogger.
How to Add Blogger
1. Go to blogger login
2. Check Dashboard
3. Edit HTML
4. Control + f search
]]></b:skin>
5. Find this code and paste above it
/* ######## Webkit override ######################### */
::-webkit-scrollbar {
width: 8px; height:8px;
}
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.3);
background:#fff;
}
::-webkit-scrollbar-thumb {
background: rgba(139,233,38,0.8);
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
::-webkit-scrollbar-thumb:window-inactive {
background: rgba(139,233,38,0.4);
}
6. Save Template and done!
7. Customization!
8. Change the RGB Color by using photoshop!
(0,0,0,0.3) Shadow Replace
(139,233,38,0.8) Scrollbar Thumb Background Replace
(0,0,0,0.5) Shadow Inset
(139,233,38,0.4) Thumb Windo Background
Please /subcribe and join us the new features comming Soon!
Touch the Follow it!
It's really cool that increase our blog design and make it more stylish.
ReplyDelete@ Thanks Ankit visit my blog
ReplyDeleteThis is not working on Firefox :) its only working on Google Chrome ;) Kindly mention it...
ReplyDelete@ zeeshan bro soory not mention in post just work in chrome i am soon publish the post and mention work in mozilla firefox are other browser.
ReplyDeleteSWEEEEEEEEET!!!!!!!!!!!!!!
ReplyDelete