[블꾸] 티스토리 마우스 커서 효과 넣기
1. 티스토리 블로그 마우스 커서 모양 바꾸기
(1) 커서 다운로드 받기
Free Cursor Downloads - Cursors-4U.com
Date: 4 Feb 2021, 21:35 By Tor With 6 Comments This month's favorite cursors is the "Sexy Red Lips". It's unknown who made the image. If you know who did it, send me an email so I can give proper credit. Also being February, check out some Valentine's Day
www.cursors-4u.com
위 사이트 접속해서 원하는 모양의 커서를 찾는다.
애니메이션 캐릭터, 음식 등 여러 가지 모양의 커서가 있다.
내 블로그 컨셉은 큐티뽀짝이므로 귀여운 토끼 마우스 커서를 선택
표시된 부분의 HTML코드를 복사한다.
(2) 블로그 스킨 편집
HTML편집 => <head></head> 사이에 복사한 코드를 붙여넣기하고 적용!
2. 티스토리 블로그 마우스 커서 애니메이션효과 넣기
(1) 원하는 디자인 선택하기
http://www.mf2fm.com/rv/dhtmltinkerbell.php
Tinkerbell Magic Sparkle Fairy Dust Mouse :: RV's free DHTML and JavaScript effects
STEP 1: Copy and paste the code below so that it sits between the and tags at the top of your web-page: // <![CDATA[ var colour="random"; // in addition to "random" can be set to any valid colour eg "#f0f" or "red" var sparkles=50; /***********************
www.mf2fm.com
위 사이트에서 상단 MOUSE EFFECTS를 클릭하면 여러 종류의 마우스 애니메이션 효과들을 볼 수 있다.
솔직히 좀 ... 쓸만한 효과가 많지는 않다.
나는 Tinkerbell이라는 샤랄라한 효과를 선택했다.
이렇게 마우스를 움직이면 색색깔의 twinkle이 따라다니는 효과이다.
(2) 효과 삽입
CLICK HERE를 눌러 코드를 복사하고
스킨 편집>HTML 편집에 들어가 <head></head> 사이에 위 코드를 붙여넣기 하고 적용하면 끝!
사실 홈페이지에 다 적혀있다.ㅎㅎ
(3) 효과 색상 변경하기
반짝이들이 너무 원색으로 형형색색인게 안예뻐보여 색상을 변경할 것이다.
코드 최상단의 var colour="random"; 부분에서
"random"을 원하는 색깔로 변경해 주었다.
큐티뽀짝엔 역시 lightpink
나는 색상 이름을 직접 입력했지만 #ffffff 이렇게 색상 코드를 입력해도 된다.
(4) 최종 변경 모습
한층 귀여워진 블로그를 얻을 수 있다.