표시된 부분의 HTML코드를 복사한다.애니메이션 캐릭터, 음식 등 여러 가지 모양의 커서가 있다.위 사이트 접속해서 원하는 모양의 커서를 찾는다.
왼쪽 메뉴에서 꾸미기의 스킨 편집에 접속합니다. 블로그 설정은 티스토리 우측 상단에 프로필 사진을 눌러서 HTML 수정을 원하는 블로그의 톱니바퀴 모양을 눌러줍니다.이제 내 블로그의 HTML 코드를 수정하기 위해 블로그 설정으로 들어가 줍니다.
스크롤을 내려 STEP 1 섹션으로 가시면 코드가 나오는데 모두 복사해줍니다. 원하시는 효과를 정하셨다면 메뉴에서 눌러서 들어갑니다.5가지가 어떤 애니메이션 효과인지 간단하게 미리 보여드리겠습니다.
이 중 총 5개만 마우스를 따라오는 효과에 해당합니다. 그럼 다양한 마우스 이펙트들이 보이는데요.상단 메뉴에서 MOUSE EFFECTS에 마우스를 올려줍시다.우선 코드를 얻기 위해 아래의 사이트에 접속합니다.
해당 사이트에서 코드를 얻어서 나의 블로그에 적용하실 수 있게 도와드리겠습니다.제가 만든 코드는 아니지만 해당 코드를 잘 공유해주고 있는 사이트가 있습니다.우선 마우스를 움직이면 애니메이션 효과가 나오도록 하는 코드를 얻으셔야 하는데요. 개발적 지식이 없는 분들도 적용하실 수 있도록 도와드릴 테니 소망이 있으셨던 분들에게는 도움이 되길 바랍니다.
총 5가지의 효과 중 원하는 것을 적용하는 방법을 알려드리겠습니다.마우스를 움직일 때마다 마우스 위치에서 애니메이션 효과가 발생하도록 하는 것입니다. 티스토리 블로그를 운영하시는 분들이 어떤 것을 원하실까 고민해보다가 은근히 마우스 커서에 애니메이션 효과를 적용하고 싶다는 소망이 있으신 분들도 있을 거 같아서 알려드리고자 합니다.
이제 자신의 티스토리로 다시 돌아옵니다.
설정 > 스킨편집
HTML 편집
HTML 클릭
<head></head> 헤드 태크 사이에 붙여 넣기
블링블링 샤이니~ 한 팅커벨 마우스 커서 따라오는 별가루가 나타났다^^
키보드 F12를 누른 후, 왼쪽 상단의 새로고침 아이콘을 마우스 오른쪽 버튼을 클릭하고 캐시 비우기 및 강력 새로고침을 누르면 됩니다. 바로 마우스 커서 아이콘이 적용될 겁니다! - 이렇게만 하면 티스토리 안에 여러분만의 마우스 커서를 적용시킬 수 있습니다.
- 먼저 아래의 마우스 커서 모음 사이트에 접속합니다. 종류가 엄청 다양해서 여러분이 마음에 드시는 아이콘 하나쯤은 있을 것 같습니다.한층 귀여워진 블로그를 얻을 수 있다.
나는 색상 이름을 직접 입력했지만 #ffffff 이렇게 색상 코드를 입력해도 된다."random"을 원하는 색깔로 변경해 주었다.반짝이들이 너무 원색으로 형형색색인게 안예뻐보여 색상을 변경할 것이다.
이렇게 마우스를 움직이면 색색깔의 twinkle이 따라다니는 효과이다.나는 Tinkerbell이라는 샤랄라한 효과를 선택했다. 위 사이트에서 상단 MOUSE EFFECTS를 클릭하면 여러 종류의 마우스 애니메이션 효과들을 볼 수 있다.
저는 하트로 했다는 건 함정~♥
'생활 꿀팁 모음' 카테고리의 다른 글
| 홍삼 부작용에 대해서 알아봅니다 (1) | 2024.01.08 |
|---|---|
| 회화, 조각, 판화로 유명한 미국의 비유 예술가 "알렉스 카츠(Alex Katz)"의 작품 이모저모 (1) | 2024.01.08 |
| 컴퓨터 데스크탑 노트북 윈도우 10 사용자 비밀번호 해제하는 방법에 대해서 알아봅니다 (2) | 2024.01.08 |
| 아로나민 골드 프리미엄 가격과 효능 효과에 대해서 리뷰해 봅니다 (1) | 2024.01.08 |
| 사회 초년생 청년 빚 탕감 "신속 채무조정 청년특례 정책" 신청 지원 방법에 대해서 알아봅니다 (1) | 2024.01.08 |
