Tùy chỉnh thanh cuộn (Scroll bar) cho blogspot

Nhiều khi bạn thấy chán nản khi phải nhìn thanh cuộn mặc định của trình duyệt và bạn muốn đổi mới nhưng chưa nghĩ ra biện pháp?!

Vậy thì hôm nay mình sẽ share cho các bạn một phương pháp nhanh gọn giải quyết vấn đề của bạn.

Nào mình cùng bắt đầu nhé.

Cách thực hiện:

Bước 1: Truy cập quản trị Blogspot - Chủ đề - Chỉnh sửa HTML.

Bước 2: Copy và paste đoạn CSS dưới đây lên trước thẻ  ]]></b:skin>

::-webkit-scrollbar { width: 8px; height:8px} ::-webkit-scrollbar-track { background:#FFF} ::-webkit-scrollbar-thumb { background: #7577a9;border-radius:50px} ::-webkit-scrollbar-thumb:window-inactive { background:#fff}

Bước 3: Lưu template lại và chiêm ngưỡng thành quả nhé.

Vì đây ta chỉ dùng 1 đoạn CSS nhỏ mà mang lại hiệu quả lớn, cũng không hề ảnh hưởng đến tốc độ load web đâu.

Trên chỉ là 1 mẫu ví dụ cho các bạn thôi, các bạn có thể tự ý tùy chỉnh sao cho hợp ý mình nhất.

Ngoài ra, bạn có thể tham khảo thêm tại link dưới, bao gồm 9 mẫu cho chúng ta lựa chọn đấy!

Tham khảo tùy chỉnh CSS thanh cuộn blog/website

Chúc các bạn thành công và hãy share bài viết nếu thấy nó có ích nhé.