Bài viết này mình sẽ hướng dẫn cách thay đổi biểu tượng trỏ chuột mặc định trên Blogspot các bạn thành ảnh động nhỏ gọn thật đẹp.
Đầu tiên để trang trí con trỏ chuột của bạn đẹp hơn khi Guest ghé thăm đọc bài trên blog của bạn. Bạn truy cập vào trang web cursors-4u.com chọn một mẫu trỏ chuột mà bạn ưng ý nhất. Copy đoạn code được cũng cấp sẵn bởi cursors-4u.com. Bạn có thể theo dõi hình bên dưới để dễ thực hiện:
Sau đó bạn đăng nhập vào Bảng điều khiển, chọn Thiết kế ~> Chỉnh sửa HTML ~> Bấm chọn Mở rộng mẫu tiện ích.
Bạn bấm tổ hợp phím Ctrl+F để tìm đến </head>, chèn đoạn mã dưới này vào trước </head> và lưu lại là xong.
<style type="text/css">body, a, a:hover {cursor: url(Link hình ảnh), progress;}</style>
Lưu ý: Bạn đừng quên thay Link hình ảnh trong đoạn code trên bằng link hình bạn muốn hiển thị làm trỏ chuột. Bạn có thể sử dụng các con trỏ sẵn có bên dưới để trang trí cho blog của mình.
Ví dụ: Nếu bạn chèn trước </head> bằng đoạn mã dưới này thì con trỏ trên Blog của bạn sẽ hiển thị giống con trỏ bạn đang thấy trên trang này.
<style type="text/css">body, a, a:hover {cursor: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAduL1DwpNNmughG7Tsfc70h0WRr9Uw9IYdd1-_EFAh7hrBQSRDkvWgc3pVzyWw7kXFbe45X0e7RsgKT-Kv9PDdZM_uU2wof_ZkmyN04s05X9A6U-Ej7FNmBOal3oghHAFmoReqYC4gke5/s1600/angel5.gif), progress;}</style>
Hướng dẫn lấy Link ảnh: Bạn bấm chuột phải vào hình ảnh nào bạn muốn sử dụng làm con trỏ, sau đó chọn "Sao chép URL hình ảnh" (hoặc tương tự)
Không có nhận xét nào:
Đăng nhận xét