Thay đổi con trỏ chuột cho blog
Saturday, 30. June 2007, 00:43:17
Lần trước lâu lâu có người hỏi tôi về cách thay đổi con trỏ chuột trong blog nhưng tôi lười chưa viết tutorial. Nhân tiện hôm qua mới thay đổi con trỏ chuột cho 1 người bạn nên tranh thủ viết tut này luôn.
1. Bạn vào trang http://www.totallyfreecursors.com/ để chọn 1 hình để thay thế hình con chuột mặc định. Trang này có rất nhiều loại chuột phân theo vần, theo chủ đề, theo màu sắc... Sau khi chọn được con chuột yêu thích bạn lấy link của con chuột trong ô sau:
Đây là đoạn code trong ô đó:
Tuy nhiên ta chỉ lấy link đến file có đuôi .ani thôi. Cụ thể ở đây ta chỉ quan tâm tới link
2. Vào My Account> Change Design> Custome style sheet> Enter Css
- Nếu trong blog của bạn có thẻ body {} do đã sửa chữa từ trước thì bạn chỉ cần copy đoạn code sau vào trong thẻ body {}:
- Nếu blog của bạn chưa có thẻ body đề nghị copy đoạn code sau vào ô enter css:
3. Kéo xuống phía dưới cùng của trang và chọn ô đánh dấu
- Nếu bạn đang đánh dấu Only use my custom style sheet thì cứ để nguyên đánh dấu đó và save là được
- Nếu bạn đang đánh dấu Use my custom style sheet together with the current theme thì cứ để nguyên đánh dấu và save lại
- Nếu bạn đang đánh dấu Do not use my custom style sheet rất có thể bạn chưa sửa cách hiển thị tiếng Việt cho blog mời bạn đọc bài này để sửa cách hiển thị cho tiếng Việt có dấu cho blog sau đó đánh dấu vào ô my custom style sheet together with the current theme và save lại.
Vậy là xong rồi đấy. Chúc bạn thực hiện thành công để trang trí cho blog của mình sinh động hơn. Chú ý con trỏ chuột chỉ hiển thị trên trình duyệt Internet Explorer thôi. Bạn có thể xem demo con trỏ chuột vào blog tại đây.
1. Bạn vào trang http://www.totallyfreecursors.com/ để chọn 1 hình để thay thế hình con chuột mặc định. Trang này có rất nhiều loại chuột phân theo vần, theo chủ đề, theo màu sắc... Sau khi chọn được con chuột yêu thích bạn lấy link của con chuột trong ô sau:
Đây là đoạn code trong ô đó:
<style>A:hover{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/Tail2.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/Tail2.gif"), auto;}</style>
Tuy nhiên ta chỉ lấy link đến file có đuôi .ani thôi. Cụ thể ở đây ta chỉ quan tâm tới link
http://downloads.totallyfreecursors.com/cursor_files/Tail2.ani
2. Vào My Account> Change Design> Custome style sheet> Enter Css
- Nếu trong blog của bạn có thẻ body {} do đã sửa chữa từ trước thì bạn chỉ cần copy đoạn code sau vào trong thẻ body {}:
cursor:url(http://downloads.totallyfreecursors.com/cursor_files/Tail2.ani);
- Nếu blog của bạn chưa có thẻ body đề nghị copy đoạn code sau vào ô enter css:
body {cursor:url(http://downloads.totallyfreecursors.com/cursor_files/Tail2.ani);}
3. Kéo xuống phía dưới cùng của trang và chọn ô đánh dấu
- Nếu bạn đang đánh dấu Only use my custom style sheet thì cứ để nguyên đánh dấu đó và save là được
- Nếu bạn đang đánh dấu Use my custom style sheet together with the current theme thì cứ để nguyên đánh dấu và save lại
- Nếu bạn đang đánh dấu Do not use my custom style sheet rất có thể bạn chưa sửa cách hiển thị tiếng Việt cho blog mời bạn đọc bài này để sửa cách hiển thị cho tiếng Việt có dấu cho blog sau đó đánh dấu vào ô my custom style sheet together with the current theme và save lại.
Vậy là xong rồi đấy. Chúc bạn thực hiện thành công để trang trí cho blog của mình sinh động hơn. Chú ý con trỏ chuột chỉ hiển thị trên trình duyệt Internet Explorer thôi. Bạn có thể xem demo con trỏ chuột vào blog tại đây.
![phamlam[dot]info_flowers_047.jpg](http://files.myopera.com/phamlam/albums/303401/thumbs/phamlam%5Bdot%5Dinfo_flowers_047.jpg_thumb.jpg)
![phamlam[dot]info_flowers_081.jpg](http://files.myopera.com/phamlam/albums/303401/thumbs/phamlam%5Bdot%5Dinfo_flowers_081.jpg_thumb.jpg)
![phamlam[dot]info_flowers_078.jpg](http://files.myopera.com/phamlam/albums/303401/thumbs/phamlam%5Bdot%5Dinfo_flowers_078.jpg_thumb.jpg)
![phamlam[dot]info_flowers_022.jpg](http://files.myopera.com/phamlam/albums/303401/thumbs/phamlam%5Bdot%5Dinfo_flowers_022.jpg_thumb.jpg)
![phamlam[dot]info_flowers_060.jpg](http://files.myopera.com/phamlam/albums/303401/thumbs/phamlam%5Bdot%5Dinfo_flowers_060.jpg_thumb.jpg)
![phamlam[dot]info_flowers_054.jpg](http://files.myopera.com/phamlam/albums/303401/thumbs/phamlam%5Bdot%5Dinfo_flowers_054.jpg_thumb.jpg)
![phamlam[dot]info_flowers_005.jpg](http://files.myopera.com/phamlam/albums/303401/thumbs/phamlam%5Bdot%5Dinfo_flowers_005.jpg_thumb.jpg)
![phamlam[dot]info_flowers_017.jpg](http://files.myopera.com/phamlam/albums/303401/thumbs/phamlam%5Bdot%5Dinfo_flowers_017.jpg_thumb.jpg)
![phamlam[dot]info_flowers_045.jpg](http://files.myopera.com/phamlam/albums/303401/thumbs/phamlam%5Bdot%5Dinfo_flowers_045.jpg_thumb.jpg)
![phamlam[dot]info_flowers_010.jpg](http://files.myopera.com/phamlam/albums/303401/thumbs/phamlam%5Bdot%5Dinfo_flowers_010.jpg_thumb.jpg)
WIDGETIZE
ALOMAMA # 30. June 2007, 02:05
alia_vn # 30. June 2007, 05:18
Em làm xong cái con trỏ của em là hình ngón tay là sao :D em lấy từ web nó hình sấm sét màu xanh mà :D khó hỉu quá
Nguyen Phuong # 2. July 2007, 02:52
nunerman # 2. July 2007, 14:33
em làm theo anh chỉ dẫn hem bít đọan code trên của em đúng không nữa mà add mà CSS nó hẻm có ra :( mong anh giúp em nha
phamlam # 2. July 2007, 14:43
nunerman # 2. July 2007, 14:53
nunerman # 2. July 2007, 15:08
cả đọan code của nó là như thế rùi em chỉ lấy file ani. thui theo anh nói nhưng nó hem ra .Mong anh giúp dùm
alia_vn # 3. July 2007, 00:45
phamlam # 3. July 2007, 01:50
http://downloads.totallyfreecursors.com/cursor_files/BabyRollani.cur
@alia_vn. Đã khuyến cáo về phần hiển thị con trỏ chuột trên bài viết rồi mà. Nghi ngờ về khả năng đọc :|
nunerman # 3. July 2007, 09:14
nunerman # 3. July 2007, 09:27
boy_pro_nhc # 4. July 2007, 06:08
phamlam # 4. July 2007, 07:21
nunerman # 4. July 2007, 09:59
và đang ở chế độ Use my custom style sheet together with the current theme mà
phamlam # 4. July 2007, 10:23
nunerman # 4. July 2007, 15:58
alia_vn # 5. July 2007, 05:38
nunerman # 5. July 2007, 06:24
blog opera nhìu thứ wé tòan là code với code
làm riếc ghiền
phamlam # 5. July 2007, 07:37
phamlam # 6. July 2007, 03:53
Anonymous # 6. July 2007, 14:30
anh oi, lam tren 360!yahoo thi lam nhu the nao??
nunerman # 7. July 2007, 10:08
body
{
code
} là ra à
Anonymous # 8. July 2007, 03:52
cho em hỏi cách này làm trong blog cua yahoo dc ko nhi
phamlam # 9. July 2007, 00:08
dthanhtrung # 10. July 2007, 16:03
Takumi's Angel # 13. July 2007, 04:43
Anonymous # 21. July 2007, 13:17
body {
cursor:url(http://downloads.totallyfreecursors.com/cursor_files/SparklePink.ani);
background:url(http://files.myopera.com/nhatphuongt/lotus/bg.gif) #000;
margin:0;
padding:0;
font-family: arial,'trebuchet ms',helvetica,sans-serif;
font-size:14px;
line-height:145%;
text-align:center;
color:#fff;
}
co dung khong ha anh, ma no khong hien ra, co the giup em hoac bay em 1 cach chi tiet de em biet ngo~ lam ko anh, cam on anh.
www.my.opera.com/nhatphuongt
nk1001 # 22. July 2007, 05:10
maxlink # 24. July 2007, 02:57
234_Su co may tinh # 24. July 2007, 04:03
Blog cua minh chi hiển thị đầy đủ trên IE. Còn khi lướt băng opera hay firefox thi chi hiển thị màu nền
bạn ghé blog của mình và giúp mình nha
http://my.opera.com/234_Su%20co%20may%20tinh
cam on nhieu
nk1001 # 24. July 2007, 14:44
maxlink # 25. July 2007, 02:06
Cái con trỏ này chỉ hiển thị trên IE thui, còn FF với Opera thì thua.. Vì đa số pà con chúng ta wen dùng IE nên mình làm cái này cũng tốt chứ sao !
@123 sucomaytinh : mình vô = IE thì cũng chỉ hiển thị màu nền là màu đỏ mà...
Anonymous # 25. July 2007, 10:21
body {
cursor:url(http://downloads.totallyfreecursors.com/cursor_files/SparklePink.ani);
background:url(http://files.myopera.com/nhatphuongt/lotus/bg.gif) #000;
margin:0;
padding:0;
font-family: arial,'trebuchet ms',helvetica,sans-serif;
font-size:14px;
line-height:145%;
text-align:center;
color:#fff;
}
co dung khong ha anh, ma no khong hien ra, co the giup em hoac bay em 1 cach chi tiet de em biet ngo~ lam ko anh, cam on anh.
http://my.opera.com/nhatphuongt/blog/
phamlam # 26. July 2007, 01:13
nk1001 # 27. July 2007, 03:24
nh0kkute123 # 31. July 2007, 19:03
lola_pop # 31. July 2007, 23:21
em cũn làm wài hẻm cóa ra
làm giùm em đi anh
thanks anh nhìu nhìu nhen
blackdragon14_2 # 2. August 2007, 03:35
maxlink # 2. August 2007, 03:41
blackdragon14_2 # 2. August 2007, 03:49
lola_pop # 2. August 2007, 09:47
chuột cũ vâẫnhoàn chuột cũ chứ hem phãi chuột mới
giúp em đi anh
làm zùm em đi nhoa
Anonymous # 3. August 2007, 02:08
@lola_pop. Anh đã vào blog của em và thấy em bê nguyên đoạn này xuống dưới cùng.
đoạn Code trên hoàn toàn sai và em hay xóa nó đi. Em chỉ cần cho đoạn code này:
cursor:url(http://downloads.totallyfreecursors.com/cursor_files/Tail2.ani);
vào thẻ body trên cùng ấy, thế là được thôi mà.
cụ thể thẻ body của blog em sẽ thành
body {
background:#97C7ED; /*Màu nền blog*/
margin:0;
padding:0;
font-family: arial,'trebuchet ms',helvetica,sans-serif; /*Font chu mac dinh tren toan bo blog*/
font-size:13px;
line-height:145%;
text-align:center;
color:#111;
cursor:url(http://downloads.totallyfreecursors.com/cursor_files/Tail2.ani);
}
Chúc thành công.
nk1001 # 3. August 2007, 03:30
camdaibay # 3. August 2007, 03:43
camdaibay # 5. August 2007, 01:05
anh giup' em zum` voi'
lola_pop # 5. August 2007, 12:33
anh làm giùm em đi
huhu , hình inuyasha í ,zễ mà
năn nỉ mờ
cảm ơn anh nhìu pai pai
nk1001 # 7. August 2007, 05:04
cursor:url(......link......);
copy và dán vão thẻ body trên cùng trong file user.css đấy ( nếu bạn đang xài skin for share
Nếu bạn đang xài skin của opera thì cho link vào thẻ
body{cursor:url(....link...);}, đánh dấu vào use this custom ...???
lola_pop # 7. August 2007, 23:15
phamlam # 8. August 2007, 00:23
lola_pop # 8. August 2007, 02:00
nick của emn naà