Skip navigation.

Log in | Sign up

Không hề có tiêu đề :D

Let me love you - http://phamlam.info

Thay đổi con trỏ chuột cho blog

,

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 ô đó:

<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.

"Giải quyết" sao bây giờ?Mới đi thác loạn Opera Hải Phòng về. Cực vui, cực đỉnh, cực ấn tượng.

Comments

ALOMAMA 30. June 2007, 02:05

Hôm qua tranh thủ lúc làm cho em viết luôn bài post hả anh

alia_vn 30. June 2007, 05:18

Anh lâm ơi! em làm giống anh rồi mà sao không được em phải chèn nó vào đâu hả anh lâm. :D
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

Ong anh oi chang hiu sao ma khi em add doan CSS thi hong het ca skin ma em lay tu cho cua ong anh The Hiep(mrdream) kho hiu wa

nunerman 2. July 2007, 14:33

body{cursor:url(http://downloads.totallyfreecursors.com/thumbnails/baby-roll-ani;)}
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

Bạn làm sai rồi. Đường dẫn đến file trỏ chuột bị sai.

nunerman 2. July 2007, 14:53

tại mình mới học cách làm nên còn hơi gà mà , mong bạn sửa lại dùm được không , cảm ơn bạn vì đã giúp đỡ

nunerman 2. July 2007, 15:08

<style>A:hover{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/BabyRollani.cur"), url("http://downloads.totallyfreecursors.com/thumbnails/baby-roll-ani.gif"), auto;}</style>


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

:frown: Hic làm mãi ko được. Mà em nghe nói làm con trỏ này chỉ hiện trên IE thôi ko hiện ở Opera và F2 đâu.

phamlam 3. July 2007, 01:50

@nunerman. Đây là link của con trỏ chuột của em này. Đuôi .cur cũng là đuôi của con trỏ chuột đấy.

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

dạ em xin lỗi , chắc tại em tìm chưa kỹ cho lắm , tại vì đây là lần đầu mò wa blog opera wá nhìu mới mẻ đối với em , với lại nhiều tính năng khác hẳn so với 360 nên em ò ó o :smile: cảm ơn anh nha

nunerman 3. July 2007, 09:27

^^! lại không ra :frown:

boy_pro_nhc 4. July 2007, 06:08

la`m ko dc

phamlam 4. July 2007, 07:21

@nunerman. Em chưa đánh dấu vào ô Use my custom style sheet together with the current theme

nunerman 4. July 2007, 09:59

dạ em đang chọn sẵn cái chế độ đó rùi mà anh , trong ô enter CSS đó em chỉ có code mà dành cho themes sẵn bản mới + với body chuột à
và đang ở chế độ Use my custom style sheet together with the current theme mà

phamlam 4. July 2007, 10:23

Vào nick Phlam8x đi. Đưa anh pass anh vào làm cho.

nunerman 4. July 2007, 15:58

em gửi rùi anh nhận được hem

alia_vn 5. July 2007, 05:38

Hiz bác lâm làm hộ em :frown:

nunerman 5. July 2007, 06:24

công nhận con trỏ làm thấy mồ
blog opera nhìu thứ wé tòan là code với code
làm riếc ghiền :smile: mà làm hòai hem ra bùn

phamlam 5. July 2007, 07:37

@nunerman. Anh chưa thấy nick em nhảy vào gì cả?

phamlam 6. July 2007, 03:53

Không hề sai ở đâu cả. Blog nunerman đã làm được. View bằng IE mới thấy.

Anonymous 6. July 2007, 14:30

khphuong writes:

anh oi, lam tren 360!yahoo thi lam nhu the nao??

nunerman 7. July 2007, 10:08

cảm ơn anh nha
body
{
code
} là ra à

Anonymous 8. July 2007, 03:52

boyplay writes:

cho em hỏi cách này làm trong blog cua yahoo dc ko nhi

phamlam 9. July 2007, 00:08

Anh ko sử dụng blog Yahoo nên ko biết đâu. Chả quan tâm tới blog Yahoo bao giờ keke.

dthanhtrung 10. July 2007, 16:03

Anh lâm ơi có thể qua yahoo nói chuyệ với em được không

Takumi's Angel 13. July 2007, 04:43

Cám ơn anh nhé

Anonymous 21. July 2007, 13:17

nhatphuongt writes:

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

mình làm xong blog và up lên Skin Lá rơi dựa theo skin của chị Đan Quỳnh ( Winter) nhưng mà đổi cursor lại không được, nó chỉ hiển thị cursor ban đầu mà mình dùng thôi ,thay link cursor không có tác dụng gì , bạn vào blog mình xem thử nha http://my.opera.com/nk1001

maxlink 24. July 2007, 02:57

mình vô rồi cursor hiển thị tốt mà bạn...con trỏ nhìn dễ thương lắm...đó !!!

234_Su co may tinh 24. July 2007, 04:03

Ban hien giup minh voi

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

có điều giờ chuyển sang con trỏ khác hok có được , muốn thay hình bé bò dễ thương :D

maxlink 25. July 2007, 02:06

muốn đổi con trỏ khác thì chỉ cần pass link của con tro mới vào vị trí link cũ rồi load lại là ok mà....
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 ! :smile: :smile: :smile:

@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

nhatphuongt writes:

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

Anh không thấy đoạn code trên sai cái cái gì cả. Mạng của anh đang củ chuối và không thể vào blog của em bằng trình duyệt IE được. Chú ý là con trỏ chuột chỉ hiển thị trên IE thôi đấy. Em thử đổi chỗ #000 đứng trước url() xem sao nhé.

nk1001 27. July 2007, 03:24

lâm ơi , paste link mới vào đoạn url(......) rồi load lại cũng không ăn thua.:frown:

nh0kkute123 31. July 2007, 19:03

làm dùm e đi bác :frown: làm ko ra :frown: e add nick bác rùi đóa

lola_pop 31. July 2007, 23:21

anh ui
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

mình sửa lại cái theme ma ko dc bạn u igiúp mình

maxlink 2. August 2007, 03:41

Có thể save ngay thì chưa có thấy ngay. Refresh vài lần may ra thì được...trước max cũng làm mí lần mà chả thấy gì, cứ out rồi vô thì được...chả bít sao nữa ? :smile::smile:

blackdragon14_2 2. August 2007, 03:49

cái dao diện blog của tui bây giờ sao đổi ko đc,có cách nào dổi ko lâm

lola_pop 2. August 2007, 09:47

em đã làm như những jì anh chỉ bảo nhưng mờ hẻm cóa ra ocn chuột
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

PhamLam writes:

@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

Cái opera này chẫm sửa đổi dễ sợ , sau 1 tuần thay đổi link chuột thì giờ này nó mới hiển thị ra, đến pó giò với nó :D

camdaibay 3. August 2007, 03:43

anh lam oi lam` ho em con tr? chuot cai. em lam mai~ ko dc

camdaibay 5. August 2007, 01:05

<style>A:hover{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/ManchesterUnitedBadge.cur"), url("http://downloads.totallyfreecursors.com/thumbnails/manchester-united-badge.gif"), auto;}</style>
anh giup' em zum` voi'

lola_pop 5. August 2007, 12:33

em làm rùi mờ cóa thấy kái jì đâu ạ
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

Files dành cho chuột là file có đuôi là .CUR và .ANI , bạn tìm đường dẫn file có đuôi này , để link giữa biểu thức
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 :D ) rồi đánh dấu vào Only Use my Custom........ save lại , nhấn f5
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 ...??? :D with my current theme, save và nhấn f5

lola_pop 7. August 2007, 23:15

làm mờ hem cóa đấy chứ

phamlam 8. August 2007, 00:23

PM nick Phlam8x để đưa pass anh làm cho nhanh. Nhớ giới thiệu em là ai khi nhảy vào nick anh nhé.

lola_pop 8. August 2007, 02:00

oki
nick của emn naàp:esock_petimanhquay

How to use Quote function:

  1. Select some text
  2. Click on the Quote link

Write a comment

Comment
(BBcode and HTML is turned off for anonymous user comments.)

Type the two words displayed in the image below:


Smilies

July 2009
S M T W T F S
June 2009August 2009
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31