티스토리 마우스 커서 설정 및 효과 추가하기
블로그를 꾸미는 도중 마우스 커서와 애니메이션 적용 방법을 알게 되었습니다
티스토리에서 html과 css을 능숙하게 다룬다면 웹 페이지를 좀 더 예쁘게 꾸밀 수 있습니다
오늘은 티스토리에 마우스 커서와 애니메이션을 설정해 보겠습니다
1️⃣ 마우스 커서 디자인 선택하기
Free Cursor Downloads - Cursors-4U.com
Date: 4 Feb 2021, 21:35 By Tor With 7 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
해당 사이트를 접속하여 원하시는 마우스 커서를 선택하세요
전 Most Viewed 항목에서 Cool Blue Outer Glow Pointer 커서를 선택했습니다
원하시는 커서를 선택하셨으면 Option #1 - HTML Code를 복사해서
티스토리 [블로그 관리 홈] > 꾸미기-스킨 편집 > html 편집에 <head> 태그 사이에 붙여 넣어주세요
<head> 태그 사이에 붙여 넣고 [적용] 버튼을 눌러주시면 됩니다
2️⃣ 마우스 커서 애니메이션 선택하기
RV's free DHTML and JavaScript text and graphic effects for your web-site
Copyright notice: All scripts are © copyright mf2fm.com. You can use them wherever and whenever you wish, however the copyright notice at the start of the script should remain intact and a link back to this page would be appreciated. The address for this
www.mf2fm.com
마우스 커서를 적용했다면 이제 애니메이션까지 적용해 봅시다
사이트에 접속하면 이런 화면이 나올 텐데,
여기서 상단 MOUSE EFFECTS 항목을 클릭해 주세요
총 9개의 항목이 있는데 전 UNDERWATER을 선택했습니다
원하는 항목을 선택한 후 똑같이 코드를 복사하여
티스토리 html 편집에서 <head> 태그 사이에 적용하면 됩니다
다양한 애니메이션 효과가 있습니다
똑같이 복사한 코드를 붙여넣기 해주세요
정상적으로 잘 되네요 현재 마우스 커서가 안 보이는데
위에 과정을 올바르게 했으면 티스토리 내부에서 잘 보일 겁니다
티스토리를 운영하는 분들에게 유익한 도움 되셨으면 좋겠습니다!
[ 티스토리 꾸미기 지난 강좌 ]
티스토리 다국어 번역 기능 적용하기
보통 크롬 브라우저를 이용하여 웹 페이지 번역하고 있지만, 모든 사람들이 크롬 브라우저를 사용하지는 않습니다 그렇기에 직접 티스토리에 번역기를 달아 봤습니다 오늘은 글로벌 시대에 맞
mu-sa.tistory.com
티스토리 코드 블럭 꾸미는 방법
지난 시간에 코드 블럭 복사 버튼을 추가했습니다 복사 버튼을 추가하면서 좀 욕심이 생겼는데, 티스토리에서 지원하는 코드블럭은 디자인적 요소가 너무 아쉬웠습니다 좀 더 다양한 코드 블럭
mu-sa.tistory.com
티스토리 코드 블럭 복사 버튼 만들기
지난 시간에 티스토리의 무단 복제를 방지하기 위해 복사 금지를 추가하였는데, 코드로 작성된 부분도 똑같이 복사가 금지됩니다 제 강좌 글은 공부를 목적으로 코드 파일을 배포하지 않고, 코
mu-sa.tistory.com
