Change Scrollbar Color Acoording To Your Theme - Blogger

This post will guide you in improving the looks and feel of scrollbar to match your blog design. Scrollbar can be customized easily by adding CSS. These codes works for every type of website and blogs.




How To Change ScrollBar Color In Blogger ?

Step 1: Go to Theme>edit HTML.

Step 2: Search for ]]>< using Ctrl+F.

Step 3: Add below codes just above it and save theme.
<!--Width of scrollbar -->
::-webkit-scrollbar {
width:10px;
}
<!-- background track color of scrollbar -->
::-webkit-scrollbar-track {
background:#dddddd;
}
<!-- color of scrollbar -->
::-webkit-scrollbar-thumb {
background:#8c8c8c;
}
<!-- color of scrollbar on hover or mouse over -->
::-webkit-scrollbar-thumb:hover {
background:#1E90FF;
}
<!-- color of scrollbar when active or clicked -->
::-webkit-scrollbar-thumb:active {
background:#1E90FF;
}
<!-- color of sides of scroll bar  -->
::-webkit-scrollbar-button {
background-color: #dddddd;
}
 Customization: 

  • Change blue background text value to change width of Scrollbar.
  • Change green background html color value to change Track color of Scrollbar.
  • Change red background html color value to change thumb color for normal, hover and active class.
  • Change yellow background html color value to change side-buttons color of Scrollbar.

Post a comment

11 Comments

  1. Very nice article, I enjoyed reading your post, very nice share, I want to twit this to my followers. Thanks!. Theme

    ReplyDelete
  2. stunning, awesome, I was thinking about how to cure skin inflammation normally. what's more, discovered your site by google, took in a ton, now i'm somewhat clear. I've bookmark your site and furthermore include rss. keep us refreshed. make stickers at home

    ReplyDelete
  3. Simply unadulterated splendor from you here. I have never expected something not as much as this from you and you have not frustrated me by any stretch of the imagination. I assume you will keep the quality work going on. home sticker printing

    ReplyDelete
  4. You make so many great points here that I read your article a couple of times. Your views are in accordance with my own for the most part. This is great content for your readers. fast cheap printing

    ReplyDelete
  5. In the wake of perusing your article I was stunned. I realize that you clarify it exceptionally well. What's more, I trust that different perusers will likewise encounter how I feel in the wake of perusing your article. collate printing double sided

    ReplyDelete
  6. I feel exceptionally appreciative that I read this. It is exceptionally useful and extremely useful and I extremely took in a great deal from it. collated printing means

    ReplyDelete
  7. I am truly appreciative to the holder of this site page who has shared this awe inspiring area at this place 24 hours printing services

    ReplyDelete
  8. Basically unadulterated greatness from you here. I have never expected something not as much as this from you and you have not confused me by any extend of the creative imperativeness. I recognize you will keep the quality work going on. photoshop vector image tutorial

    ReplyDelete
  9. A debt of gratitude is in order for such an extraordinary post and the audit, I am completely inspired! Keep stuff like this coming. 55 printing color copies

    ReplyDelete
  10. Extremely pleasant and fascinating post. I was searching for this sort of data and delighted in perusing this one. color copy for low cost at 55 printing

    ReplyDelete