Add Webkit Override Scrollbar into your Blogger Template

Add Webkit Override Scrollbar into your Blogger Template Hi in this tutorial I am going to share with you a trick that how we can colorize our blogger template scrollbar with the help of Webkit and it is also known as webkit scrollbar. But the limitation of this scrollbar is that it only work on Google Chrome. But Firefox has an add-ons to show colorize scrollbar but that you can see only and others are not. Maybe Firefox will improve their browser in near future for compatibility. But now we can use it to add some extra spice on our blogger templates. I am pretty sure most of the blogger use Google Chrome like me. So if you want you can use it. Live Demo Step 1Log in to your blogger account and Click onTemplate- Step 2Now click onEdit HTML- Unfold code Step 3Now find]]/b:skinby PressingCtrl+F Step 4And Paste the below code above]]/b:skinand save your template /* Webkit Override Scrollbar by www.bloggerspice.com*/ ::-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(4,189,250,0.8); -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); } ::-webkit-scrollbar-thumb:window-inactive { background: rgba(4,189,250,0.4); } /* Webkit Override Scrollbar by www.bloggerspice.com*/ Customization Change4,189,250with RGB color code. You can find color code from Photoshop software.