생활 속 다양한 정보/티스토리

[ 티스토리 ] 마우스 이벤트 효과 추가하기

LeeSeo: 2024. 2. 13.

티스토리 마우스 이벤트 효과 추가하기 방법에 대해서 자세하게 한번 알아보도록 하겠습니다.

티스토리 마우스 이벤트 효과는 어떤것을 말할까요?

바로 아래 사진처럼 아무런 효과가 적용되지 않으면 일반 마우스 아이콘 이 출력됩니다.

본격적으로 블로그를 운영하기에 앞서 마우스에 특별한 이벤트를 주고자 합니다.

아래 이미지를 눌러 소스 코드를 볼수있는 페이지로 이동합니다.

페이지에서 다양한 이벤트 효과들을 보실 수 있습니다.

마우스 커서를 이동할때마다 시계가 따라오게 하거나

마우스로 클릭하면 폭죽이 터지는 효과도 넣을 수 있습니다.

저는 이중에서 폭죽 효과를 적용하려고 합니다.

자바스크립트 코드 전체를 복사 후 티스토리 관리 페이지로 이동합니다!

좌측 사이드바 중앙쪽에 꾸미기 -> 스킨 편집을 눌러줍니다.

이후 우측 상단에 있는 html 코드 수정 버튼을 눌러 아래와 같은 창이 출력되면 됩니다!

우측 html 코드가 출력되는곳에서 <head> 코드 아래 utf-8 코드가 있습니다.

해당하는 코드 있는 부근에 복사한 자바스크립트 코드를 붙여넣기를 합니다.

이렇게 코드를 붙여넣기를 한다음 저장 버튼을 눌러 블로그에 제대로 적용이 되었는지 확인 해봅니다.

짠! 마우스 커서를 옮겨서 블로그안에서 클릭하면 폭죽이 팡팡 터집니다!

티스토리 블로그는 다른 블로그와 다르게 원하는 테마로 손쉽게 변경도 가능하답니다.

도움이 되셨다면 다른 게시글도 한번 구경해보시겠어요?

댓글