Posted by Syed Muhammad Ali
Many bloggers want a scroll bar according to their blog color. Today i am going to share some codes by which you can easily add and easily customize it, but this scroll bar will only work on Google Chrome
How to Add:
- Go to Blogger
- Log-In to your Dashboard
- Go to Template Section
- Click Edit Html
- Search for ]]>
- Paste the below code just above ]]>
/* infotechblogging Scroll Bar */ ::-webkit-scrollbar { width: 12px; } ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); -webkit-border-radius: 10px; border-radius: 10px; background:#fff; } ::-webkit-scrollbar-thumb { -webkit-border-radius: 10px; border-radius: 10px; background: rgba(70,162,141,0.8); -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); } ::-webkit-scrollbar-thumb:window-inactive { background: rgba(70,162,141,0.4); } /* infotechblogging Scroll Bar */
- Change 70,162,141 with your Colour, You can find colour codes from this Link
About This Blog:
InfoTechBlogging is owned by Syed Muhammad.Ali who loves to help other bloggers in starting their Blogging career. He also share Blogger Widgets and Templates.
Follow Him at : Google |Facebook| Twitter