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> .
Dạng 1: Hình ảnh chuột không thay đổi khi dê 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 loại khi bạn dê 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:
☼ 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> .
Dạng 1: Hình ảnh chuột không thay đổi khi dê 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 loại khi bạn dê 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;}
HTML,BODY{cursor: url("Link trot chuột 1"), auto;} A:hover{cursor: url("Link trỏ chuột 2"), auto;}
- Trong đó
Link trỏ chuột 1 là ảnh chuột líc bình thường khi chưa rê vào các liên kết.
Link trỏ chuột 2 là hình ảnh chuột khi dê vào liên kết
Code 2:
HTML,BODY{cursor: url("Link trỏ chuột"), auto;}
HTML,BODY{cursor: url("Link trỏ chuột"), auto;}
- Bạn thay Link trỏ chuột thành link tới các trỏ chuột bạn thích.
Dạng 2: hình dạng chỏ chuột thay đổi khi dê vào các liên kết.
Các bạn hãy dê chuột vào liên kết này để xem Demo:- Các bạn sử dụng code sau:
Dạng 2: hình dạng chỏ chuột thay đổi khi dê vào các liên kết.
Các bạn hãy dê chuột vào liên kết này để xem Demo:- Các bạn sử dụng code sau:
HTML,BODY{cursor: url("Link trot chuột 1"), auto;} A:hover{cursor: url("Link trỏ chuột 2"), auto;}
- Trong đó
Link trỏ chuột 1 là ảnh chuột líc bình thường khi chưa rê vào các liên kết.
Link trỏ chuột 2 là hình ảnh chuột khi dê vào liên kết
0 nhận xét:
Đăng nhận xét