Hiệu ứng thanh cuộn dọc lên xuống đẹp cho Blogger

Demo 1 :

Demo 2 :

+ Hướng dẫn :

Chèn 1 trong 2 đoạn code mà bạn ưng ý này vào trước /* Header trong phần Chỉnh sửa HTML (Edit HTML)

Hiệu ứng 1.

::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background-color: #F5F5F5;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border:0px solid #000}::-webkit-scrollbar-thumb{background: #07F;}::-webkit-scrollbar-thumb:hover{background: #ffb636;}::-webkit-scrollbar-thumb:active{background:#09F;-webkit-box-shadow:inset 1px 1px 2px rgba(0,0,0,.3)}

Hiệu ứng 2.

::-webkit-scrollbar {width: 12px;}::-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-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);-webkit-border-radius: 10px;border-radius: 10px;background: #EEEEEE;}