Home » Blog » TRỎ CHUỘT BẰNG ẢNH ĐỘNG THẬT ĐẸP CHO BLOGGER

TRỎ CHUỘT BẰNG ẢNH ĐỘNG THẬT ĐẸP CHO BLOGGER

6/10/2015

Bài viết này mình sẽ hướng dẫn các bạn cách thay đổi biểu tượng trỏ chuột mặc định trên Blogspot của các bạn thành ảnh động nhỏ gọn thật đẹp.

Trỏ chuột bằng ảnh động thật đẹp cho Blogger

HƯỚNG DẪN THAY ĐỔI TRỎ CHUỘT BLOGGER

- Đăng nhập vào Bảng điều khiển → chọn Mẫu → Chỉnh sửa HTML.
- 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 muốn hiển thị con trỏ giống như bài viết bạn đang xem, bạn chỉ việc chèn đoạn mã bên dưới vào trước </head>trong template của bạn.

<style type="text/css">body, a, a:hover {cursor: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfVnD-b5nKOXcpGyx4u53qSGmZz8PMNI5jYhtVL-jjSi-Us8jHsnzAm0huW1EBdCHFXGt0jqcB9D7ovd_ZkywfUPhY-G9JazzG9L22vzz90ny5JzXHtvznIow0YM0iO9bHjCFqW9t3rQei/s1600/angel5.gif), progress;}</style>

Cách 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ự)