Thay đổi hình dáng trỏ chuột bằng CSS cho blogspot

Thay đổi hình dáng con trỏ chuột trong blogspot bằng CSS
Blog bạn sẽ trở nên đặc biệt hơn nếu bạn biết cách tạo sự khác biệt. Có rất nhiều cách nhưng thay đổi hình dạng con trỏ chuột thì không phải ai cũng biết để làm. Các này hoàn toàn không khó chỉ cần bạn bỏ ra 2 phút là chuột blog bạn sẽ thay đổi bộ mặt hoàn toàn.
Cách tiến hành:
1- Đăng nhập vào Blog
2- Vào thiết kế
3- Chọn Chỉnh sử HTML (Không cần mở rộng tiện ích mẫu)
4- Thêm đoạn code sau vào trước thẻ ]]></b:skin>
Ở đây mình giới thiệu cho các bạn 2 dạng.
Dạng 1: Hình ảnh chuột không thay đổi khi di chuột vào các link. Ở dạng này hình ảnh chuột của bạn luôn luôn có định (một hình ảnh) khi bạn di chuột vào các liên kết trên blog. Bạn có thể dùng 1 trong 2 code sau:

Code 1:
body, a, a:hover {cursor: url(Link trỏ chuột), progress;}
Code 2:
HTML,BODY{cursor: url("Link trỏ chuột"), auto;}
- Bạn thay Link trỏ chuột thành (link hình ảnh) tới các trỏ chuột bạn thích.
Dạng 2: Hình dạng trỏ chuột thay đổi khi di vào các liên kết.
- Các bạn sử dụng code sau:
HTML,BODY{cursor: url("Link trỏ chuột 1"), auto;} A:hover{cursor: url("Link trỏ chuột 2"), auto;}
- Trong đó
Link trỏ chuột 1 là hình ảnh chuột lúc bình thường khi chưa di chuột vào các liên kết.
Link trỏ chuột 2 là hình ảnh chuột khi di vào liên kết- Dưới đây mình cung cấp cho các bạn một số hình ảnh về chỏ chuột, Nếu thích ảnh nào thì bạn lấy link để thay vào trên nhé(chỉ việc chuột phải vào ảnh bạn thích và click sao chép URL hình ảnh).


Chúc thành công!
*Nguồn namkna.blogspot
Nhận xét

Không có nhận xét nào :