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.
Rất đơn giản, 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/AVvXsEg0JVInZ_6JZQHRzWYetAad260VxSvULztfCCj2ZD6c2YOIzagTiqLQ7RdNjS-0Udt2kn5B7kYd03Ryle5ls97BDcq9fO9zz_av-ccEAntJKGx9SS_lXDm-zWsw_hUTh4VXjg5AyJN2V3Rn/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
Những người bạn