블로그를 꾸미는 도중 마우스 커서와 애니메이션 적용 방법을 알게 되었습니다
티스토리에서 html과 css을 능숙하게 다룬다면 웹 페이지를 좀 더 예쁘게 꾸밀 수 있습니다
오늘은 티스토리에 마우스 커서와 애니메이션을 설정해 보겠습니다
1️⃣ 마우스 커서 디자인 선택하기
해당 사이트를 접속하여 원하시는 마우스 커서를 선택하세요
전 Most Viewed 항목에서 Cool Blue Outer Glow Pointer 커서를 선택했습니다
원하시는 커서를 선택하셨으면 Option #1 - HTML Code를 복사해서
티스토리 [블로그 관리 홈] > 꾸미기-스킨 편집 > html 편집에 <head> 태그 사이에 붙여 넣어주세요
<head> 태그 사이에 붙여 넣고 [적용] 버튼을 눌러주시면 됩니다
2️⃣ 마우스 커서 애니메이션 선택하기
마우스 커서를 적용했다면 이제 애니메이션까지 적용해 봅시다
사이트에 접속하면 이런 화면이 나올 텐데,
여기서 상단 MOUSE EFFECTS 항목을 클릭해 주세요
총 9개의 항목이 있는데 전 UNDERWATER을 선택했습니다
원하는 항목을 선택한 후 똑같이 코드를 복사하여
티스토리 html 편집에서 <head> 태그 사이에 적용하면 됩니다
다양한 애니메이션 효과가 있습니다
똑같이 복사한 코드를 붙여넣기 해주세요
정상적으로 잘 되네요 현재 마우스 커서가 안 보이는데
위에 과정을 올바르게 했으면 티스토리 내부에서 잘 보일 겁니다
티스토리를 운영하는 분들에게 유익한 도움 되셨으면 좋겠습니다!
[ 티스토리 꾸미기 지난 강좌 ]
반응형