이번 컨텐츠에서는 티스토리 블로그 마우스 커서 변경하는 법 & 마우스 이펙트 추가하는 법 소개 해 드리려고 합니다.
블로그 특성상 모바일에서는 안 되고 PC버전 블로그에서만 보여지는 기능입니다~!
svg 아이콘을 받아서 css 추가 해 주는 법도 있지만 오늘은 정말 간단하게 소스만 복사해오면 바로 쓸 수 있는 방법 알려드리겠습니다.
1. 마우스 커서 모양 바꾸기
아래 링크에 접속해서 마음에 드는 커서를 선택한다.
Free Cursor Downloads - Cursors-4U.com
Date: 16 Jan 2024, 22:00 By Tor With 11 Comments All commenting and comments have been removed from the cursor pages. Too many negative comments that got out of hand. Date: 28 Dec 2023, 00:37 By Tor With 1 Comments Haven't work on this site in years. But I
www.cursors-4u.com
저는 섹시 레드 립스를 골랐는데요 ㅎㅎㅎㅎ;
고른 커서 밑으로 쭉 내려보시면 Universal 탭 안에 소스가 있습니다.
option1 박스 안에 있는 태그를 복사 해 주세요~
그리고 블로그 설정 > 스킨 편집 > html 편집 가셔서 <head></head> 태그 안에 추가 해 주세요. </head> 바로 위에 추가 해 주시면 됩니다.
이 부분에 넣어주시고 적용 하시면 됩니다. ><
2. 마우스 커서에 애니메이션 이펙트 넣기
아래 링크 타고 사이트에 접속합니다.
보안 안된다고 하는 알림 무엇 <<...
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 누르시면 9종의 마우스 이펙트를 체험 해 보실 수 있습니다.
쓸만한 건 별로 없지만 그래도~ 몇 가지 중에서 고를 수 있습니다.
마우스 이펙트 보여드리고 싶지만 화면 기록 gif 변환 귀찮아서 죄송합니다~
직접 가보시면 바로 체험 해 보실 수 있어요
저는 TINKERBELL을 선택해 줬어요
텍스트 박스에 있는 코드를 전부 복사 해 주세요
그 다음 블로그 설정 > 스킨 편집 > html 편집으로 갑니다
아까 위에서 했던 것처럼 </head> 태그 위에 소스를 붙여 넣기 해 줍니다.
끝 >< ! 다 적용하면 블로그에 마우스 이펙트가 생긴 걸 확인해 보실 수 있어요~
안되시는 분들은 댓글에 남겨 주시면 도움드리겠습니다.
라이트모드보다 다크모드에서 훨씬 이쁠 것 같네요~
'BlogCustom' 카테고리의 다른 글
내 블로그 커스터마이징 진행 상황 (2025.05.14 기준) (71) | 2024.12.05 |
---|---|
[블로그 커스텀] heLLO스킨 헤더 편집 (아이콘 추가, hover 효과) (5) | 2024.11.11 |
[블로그 커스텀] 티스토리 코드블럭 커스텀하기 (Feat. highlight.js) (19) | 2024.11.10 |
[블로그 커스텀] 티스토리 hELLo 스킨 본문 너비(폭) 늘이기 (12) | 2024.11.09 |
[블로그 커스텀] 티스토리 코드블럭 폰트 바꾸기 (Feat. Google Fonts) (10) | 2024.11.09 |