Change Blogger Scroll Bar Colour | InfoTechBlogging InfoTechBlogging: Change Blogger Scroll Bar Colour

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

Follow Us!

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