THAY ĐỔI HÌNH DÁNG CON TRỎ CHUỘT PHẦN 2

Trước đây, tôi có chia sẻ với các bạn cách thay đổi hình dáng con trỏ chuột (Xem TẠI ĐÂY).

Kỳ này, tôi tiếp tục chia sẻ với các bạn cách thay đổi hình dáng con trỏ chuột phần 2.

Phần 2 này, có 2 kiểu để bạn lựa chọn:

Kiểu 1: Với kiểu này thì bạn chỉ cần 1 hình ảnh cho con chuột.

Xem thử

Bạn đăng nhập vào Blog > Chọn Thiết kế > Thêm tiện ích HTML/Javacript rồi dán đoạn code phía dưới vào.

<div align="center" style="visibility: visible; z-index: 9;">
<style>
HTML,BODY{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzETTLIHbxj6Yed67jwSDG92FOUZUG8GeauKfjiRgw3_65CGLNn-J6ztC_zasZxXN5JWQa5VgxDHlSyErObXzbJwaYKVn6e1Yd54fzfGkHL508fBy0MeLGTKmKsVol74ABcb-XXVKAL9A/s1600/batmanlogo.gif"), auto;}
</style></div>

Kiểu 2: Còn với kiểu 2 này, bạn phải cần đến 2 hình ảnh con trỏ chuột.

Xem thử

Bạn đăng nhập vào Blog > Chọn Thiết kế > Thêm tiện ích HTML/Javacript rồi dán đoạn code phía dưới vào

<div align="center" style="visibility: visible; z-index: 9;">
<style>
HTML,BODY{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKERZQaDJ8D45kV_xB524SaTK6EhF1-UPGBW7Ggp1qdJjAPBRWavK_mTaHF3ZyggXm8FZC_Fsdw4bViT9TCVxcFU678T5XwR7caIiiF4Vosl2AkCj35cpW4Wmrd_V31wbjRl1xG5Fv4x0/s1600/acespades.gif"), auto;}
</style></div>
<style>
A:hover{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhTUm-nqUzOc_QM3XQxasqUJd7f9YFjxs6sQLjt6vhAEoc6Z062c07JTFSS77JVTnxwrxYbdv2bw76c94HcmJjCs6kUngvTjLuMfy-nhRK4vbBG3h4KJGZXpL9sJ5RrUA4WGagSZa7K8M/s1600/acehearts.gif"), auto;}
</style>

Bạn thay đổi link màu đỏ (đây là link ảnh của con trỏ chuột) để có hình dáng con trỏ chuột theo ý của bạn.
Nếu chưa có hình con trỏ chuột nào vừa ý, bạn có thể bấm vào thẻ phía dưới để lựa chọn cho mình con trỏ chuột "dễ thương" nha.

Xem và tải hình con trỏ chuột