Đổi màu thanh cuộn với CSS

Thanh cuộn còn gọi là thanh Scrollbar nó đơn giản là cái thanh nằm ở gốc bên phải khi truy cập vào trang web mà bạn có thể dùng chuột bấm vào đó để cuộn trang web lên xuống hay từ phải qua trái. Trong bài viết hôm nay mình xin chi sẻ các bạn đoạn code CSS3 đơn giản để thay đổi màu thanh cuộn trên blog và thiết kế cho nó bắt mắt hơn so với màu xám truyền thống.

CSS customize scrollbar for blogger

Đoạn CSS3 Webkit này sẽ thay thế các thanh cuộn HTML cổ điển ban đầu, bạn có thể tùy chỉnh lại nó theo ý thích giúp cho Blog của bạn sẽ trông đẹp mắt và chuyên nghiệp hơn. 

  1. Đăng nhập vào trang blog của bạn
  2. Chủ đề - Tuỳ chỉnh - Chỉnh sửa HTML 
  3. Dán đoạn code bên dưới vào trước thẻ đóng ]]> của bskin Blogger

/* CSS Scrollbar Color by toichiase.xyz*/
::-webkit-scrollbar{width:15px}
::-webkit-scrollbar-track{background:#f1f1f1}
::-webkit-scrollbar-thumb{background:#4381ce;border-radius:3px}
::-webkit-scrollbar-thumb:hover{background:#305B90}

Hoàn thành sau đó vào lại web xem kết quả nhé. Chúc các bạn thành công! 

Sinh ngày 26/06/1982