TIL/블꾸

[블꾸] 티스토리 마우스 커서 효과 넣기

LILIRU 2023. 3. 9. 23:54

1. 티스토리 블로그 마우스 커서 모양 바꾸기

(1) 커서 다운로드 받기

https://www.cursors-4u.com/

 

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) 최종 변경 모습

카와이

한층 귀여워진 블로그를 얻을 수 있다.