다른분 티스토리에 방문 했다가
너무 귀여운 마우스 커서 효과를 적용하고 계셔서
저도 마우스 커서 모양 변경을 해보았습니다!!
마우스 커서 모양 바꾸기 + 효과 넣기
두가지중 하나만 하셔도 좋고
두개 모두 하셔도 좋습니다!
각각 다른 사이트에서 마음에 드는 걸 선택하고
티스토리의 스킨편집 -> html 수정 들어가셔서
복사 붙여넣기만 해주면 되는 아주 간단한 과정입니다!!
바로 시작합니다!
첫번째. 마우스 커서모양 바꾸기
1. 아래 링크로 사이트에 들어가서 마음에 드는 커서를 선택합니다.
Free Cursor Downloads - Cursors-4U.com
Date: 16 Jan 2024, 22:00 By Tor With 0 Comments All commenting and comments have been removed from the cursor pages. Too many negative comments that got out of hand. Date: 28 Dec 2023, 00:37 By Tor With 1 Comments Haven't work on this site in years. But I
www.cursors-4u.com
2. Universal CSS/HTML Code를 복사해 줍니다
3. 티스토리 - 관리자(설정페이지) - 스킨편집 - HTML 편집
<head>
헤드 태그 안에 붙여넣기 해주시면 됩니다!!
/</head>
변경 저장하시고 본인의 티스토리로 돌아오시면 바로 커서 모양이 바뀐것을 확인 할 수 있습니다!
~ 마우스 커서 모양 바꾸기 ~
두번째. 커서 애니매이션 효과 넣기
1. 아래 링크로 사이트에 들어가서 마음에 드는 마우스 효과를 선택합니다.
https://www.mf2fm.com/rv/dhtmltinkerbell.php
Tinkerbell Magic Sparkle Fairy Dust Mouse :: RV's free DHTML and JavaScript effects
STEP 1: Copy and paste the code below so that it sits between the and tags at the top of your web-page: // <
2. 회색 바의 MOUSE EFFECTS 에 들어갑니다.
3. 마음에 드는 효과를 선택하고 코드를 복사합니다.
4. 티스토리 - 관리자(설정페이지) - 스킨편집 - HTML 편집
<head>
헤드 태그 안에 붙여넣기 해주시면 됩니다!!
/</head>
우측 상단의 적용 버튼까지 꼭 눌러주셔야 합니다!
+5. 효과 색깔 변경
만약 효과의 색깔이 마음에 안들면 html 수정하는 페이지에서
마우스커서 효과 코드의 첫번째 줄인 "random"을 원하는 색이나
색상 코드로 변경해주시면 됩니다.
https://www.w3schools.com/colors/colors_picker.asp
HTML Color Picker
W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.
www.w3schools.com
여기 사이트에서 색깔설정후 #ffffff 모양의 코드를 "random" 의 "" 안에 넣어주시면 됩니다!
ex) "#0000cc "
~ 마우스 커서 애니매이션 효과 설정 ~
티스토리 아이콘 변경, 파비콘 변경 방법 게시글 입니다!
↓ 게시글 바로가기 ↓
[블꾸] 티스토리 아이콘 변경 / 파비콘 설정 +파비콘 변경사이트 +제작방법
이렇게 티스토리 블로그를 실행하면 기본 티스토리 아이콘이 아니라 원하는 아이콘으로 설정하는 방법에 대한 포스팅입니다! 티스토리 블로그에 글을 계속 작성하면서 블로그를 꾸미고 싶어지
oujin.tistory.com
'• 블로그 꾸미기' 카테고리의 다른 글
| 티스토리 광고 없애기 (0) | 2024.02.19 |
|---|---|
| [블꾸] 티스토리 아이콘 변경 / 파비콘 설정 +파비콘 변경사이트 +제작방법 (2) | 2024.01.25 |