블로그를 하다보면 문득 꾸미고 싶어질 때가 있습니다. 아무래도 디자인적인 요소가 블로그 방문자들에게 효과가 아주 없지는 않은 것 같습니다. 작은 디테일이 오히려 전체적인 분위기를 향상시키는 데에 도움이 될 때도 있는 것 같습니다. 그래서 이번에는 티스토리 블로그 내에서 마우스 커서를 변경해보려고 합니다.
마우스 커서 바꾸는 방법
https://www.cursors-4u.com/
위에 첨부한 링크로 접속하면 다양한 마우스 커서들을 볼 수 있습니다. 해당 사이트에서는 애니메이션, 만화, 게임 등 다양한 카테고리로 마우스 커서들을 제공하고 있는데요, 각각의 카테고리마다 수많은 디자인들을 제공하고 있고, 이 중에서 원하는 디자인을 선택할 수 있습니다. 또한, 최신순, 인기순, 조회순 등의 기준으로 마우스 커서를 분류해서 볼 수도 있고, 원하는 테마나 스타일에 맞게 마우스 커서를 선택할 수 있어, 블로그의 분위기나 주제에 따라서 적합한 커서를 찾으면 좋을 것 같습니다.
원하는 커서를 찾아서 클릭하게 되면 위와 같은 화면이 보여지게 되고, 마우스를 왔다갔다 해보면 원하는 마우스 커서가 어떻게 보여지는지 미리보기처럼 볼 수 있습니다. 티스토리에 마우스 커서를 설정하기 위해서는 HTML/CSS 코드가 필요하기 때문에, 직접 Download는 하지 않아도 됩니다. 필요한 부분은 'Option #1' 부분으로, 해당 코드를 전체적으로 복사만 하면 됩니다.
이제 티스토리 관리 페이지에 들어가서 '꾸미기 - 스킨 편집' 을 눌러줍니다. 스킨 편집 페이지에서 티스토리에서 사용하고 있는 테마 설명과 함께 오른쪽 부분에 'html 편집' 버튼이 있는데, 해당 버튼을 눌러줍니다.
Windows라면 ctrl + f / Mac이라면 cmd + f 키를 누른 뒤, 검색할 단어로 </header>를 입력해줍니다. 방금 전 복사한 마우스 커서 코드는 </header> 앞에 붙여넣기 해주면 티스토리에 정상적으로 적용되는 것을 확인할 수 있다.
마우스 커서 효과 (애니메이션) 주는 방법
https://www.mf2fm.com/rv/dhtmltinkerbell.php
단순히 마우스 커서 모양만 바꾸는 것보다, 마우스를 움직였을 때에도 특정 효과를 줘서 블로그의 생동감을 높일 수 있습니다. 첨부한 링크를 클릭해서 사이트로 들어가면 위와 같은 화면이 나오게 됩니다. 최상단의 회색 바에서 'MODE EFFECTS' 부분에 커서를 갖다 대면, 9가지 정도의 다양한 효과들을 확인할 수 있는데, 이 중 인기가 가장 많은 것은 'TINKERBELL'이랑 'UNDERWATER'이라고 합니다. 이 부분은 취향대로 선택하면 될 것 같습니다. 아래의 STEP1에 있는 코드들을 전부 복사해줍니다.
이 또한 별도로 다운로드 해줄 필요 없이, HTML/CSS 코드를 사용해서 티스토리에 쉽게 적용시킬 수 있습니다. 방금 전 마우스 커서를 적용시켰던 방법과 동일하게 </header> 앞에 복사한 코드를 복사해주면 적용되는 것을 확인할 수 있습니다.
'INFO > 블로그' 카테고리의 다른 글
| 티스토리 네이버 검색 노출 방법 (네이버 서치 어드바이저) (2) | 2024.04.15 |
|---|---|
| 티스토리 글자 수 세기 (크롬 확장 프로그램 사용) (0) | 2024.03.21 |
