Please note! Hope you don't need any help to customize this scrollbar in your own sweet way. All the basic customizations are already highlighted (in different colors). More over, if you're a newbie and prefer any customization, follow below steps and still be in doubts? never be indecisive to mention them via comment.
width: 15px - Change the width of your scrollbar by customizing 15px.
background: #FFFFF - Change the background color of the scrollbar track.
background: #646464 - Change the background color of the scrollbar thumb.
background: #6E6E6E - Change the hover color of the scrollbar thumb.
background: #585858 - Change the active color of the scrollbar thumb.
Newbie? How to Add your CSS Code without Editing Template
Go to Blogger Dashboard » Template
Click on Customise button
Click on Advanced menu
Scroll down & select Add CSS
Paste the CSS there & hit Apply to Blog. (See below ▼ screenshot)
Blogger Add CSS
Important! Don't forget to clear your browser's cache and reload your blog (Use Ctrl+F5) to see the final result.
0 3 0 0
65 Print This Post
, , , , , , , , ,
Customize Default Blogger Scrollbar to Gmail Like Scrollbar
How to Add a jQuery Slideshow as Blogger Background
Realistic Notepad with Lined Paper Text Box for Blogger
Show & Hide Content with Image Expansion for Blogger
Animated CSS Button with Double Sliding Drawer Effect for Blogger
Almost YouTube Style Horizontal Menu Bar for Blogger
Download Flash Video from almost any Website
- See more at: http://labstrikes.blogspot.in/2013/11/gmail-style-scrollbar-for-blogger.html#sthash.7KeYRZfT.dpuf
No comments:
Post a Comment