How To Change Scrollbar Effect in Blogger

Add Colourful Scrollbar with Different Effect.

Step 1: Go to Blogger Dashboard in your blogger account.

Step 2: Click Ctrl+F and Search for ]]></b:skin>

Step 4: Copy the Below code and paste the code above ]]></b:skin>

/*scrollbar effect */ 
::-webkit-scrollbar { 
width:9px; height:6px; 
} 
::-webkit-scrollbar-track { 
-webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.3); 
background:#eee; 
} 
::-webkit-scrollbar-thumb { 
background: rgba(28,119,229,0.7); 
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
} 
::-webkit-scrollbar-thumb:window-inactive { 
background: rgba(116,188,99,0.5);

Step 5: Click  Save template.

Note: 

• You can change the scrollbar color by replacing #eee with color code which is you want
• You can change scrollbar width and height  by replacing 14px and  8px