Thay đổi hình cho trỏ chuột

Hôm trước mình đã hướng dẫn tạo hiệu ứng trỏ chuột cho blog nhưng thủ thuật đó có 1 nhược điểm là không tùy biến được gì nhiều. Và khi vào blog cũng phải mất 1 chút thời gian để load. Haru cũng có nhờ mình hướng dẫn thủ thuật đổi hình cho trỏ chuột. Nên hôm nay mình viết hướng dẫn này để giải quyết vấn đề trên.

Xem Demo

Vào Thiết kế → Chỉnh sửa HTML. Chèn đoạn code sau vào trước thẻ </head>

<style>HTML,BODY{cursor: url("Link_trỏ_chuột"), auto;}</style>

Save template lại là xong.
Bạn có thể dùng photoshop tự thiết kế mẫu chuột riêng cho mình hoặc có thể dùng những mẫu bên dưới.
Dưới đây là một số mẫu trỏ chuột để bạn thay vào dòng Link_trỏ_chuột ở trên. Hình size nhỏ đưa lên blog không được đẹp. Bạn nhấp vào link để xem mẫu nha.

http://dl.dropbox.com/u/45453902/vipblog/mouse/bullseye-ani.gif

http://dl.dropbox.com/u/45453902/vipblog/mouse/coinani.gif

http://dl.dropbox.com/u/45453902/vipblog/mouse/embaressed.gif

http://dl.dropbox.com/u/45453902/vipblog/mouse/fireblue.gif

http://dl.dropbox.com/u/45453902/vipblog/mouse/fireorange.gif

http://dl.dropbox.com/u/45453902/vipblog/mouse/gohan.gif

http://dl.dropbox.com/u/45453902/vipblog/mouse/grandpa1.gif

http://dl.dropbox.com/u/45453902/vipblog/mouse/green-light1.gif

http://dl.dropbox.com/u/45453902/vipblog/mouse/inuyasha1.gif

http://dl.dropbox.com/u/45453902/vipblog/mouse/kakashi.gif

Bạn cũng có thể truy cập vào trang www.totallyfreecursors.com để có thêm nhiều mẫu chuột khác.