[Tistory]20.움짤 프로필과 마우스 커서 변경하기
- 티스토리 알아봐요
- 2018. 12. 22. 16:30
안녕하세요 유랑입니다.
오늘은 프로필에 gif 적용과 마우스 커서 변경과 효과를 넣어보도록 하겠습니다.
티스토리 블로그를 앞으로 이쁘게 꾸며보도록 할게요^^
1. 움짤 프로필
1-1) 프로필 이미지 변경
티스토리 블로그에서 프로필 이미지를 클릭하시면 이미지 변경이 가능합니다.
본인이 원하시는 gif이미지 파일을 추가해 주세요.
1-2) 프로필 gif 적용
gif파일이 바로 적용되면 편하려만 아쉽게도 html 코드까지 수정해 주어야 가능하답니다.
꾸미기 => 스킨편집 => html 편집으로 들어가주세요.
우선 파일업로드에 프로필에 적용할 gif이미지를 추가합니다.
그리고 마우스 우측 버튼을 이용하여 링크 주소 복사를 한 후 html에 적용해 줄게요.
html에서는 <img src>부분을 찾아서 'src =' 이 부분 뒤에 붙여넣기를 해주시면 됩니다^^
짜잔 프로필 부분에 이미지 적용이 완료되었습니다.
2. 마우스 커서
2-1) 마우스 커서 변경하기
밑에 보이시는 사이트에서는 마우스 커서와 그에 해당하는 html 코드를 제공합니다.
여기서 마음에 드시는 마우스 커서를 선택 후 코드를 복사하시면 되겠습니다.
코드는 마우스 클릭후 밑쪽부분에 써져있으며 <style> ~ </style>부분만 복사하셔서 html에 적용해 주세요.
html도 마찬가지로 <head> ~ </head>사이에 적용해 주시면 됩니다.
2-2) 마우스 커서 효과
마우스 커서도 바꿨겠다. 효과도 추가하겠습니다.
이번에도 마우스 커서 효과를 제공해 주는 사이트에 접속하고 마음에 드시는 효과를 선택 후
코드를 적용하겠습니다.
<head> ~ </head>사이에 적용해 주시고 코드가 무사히 적용되었는지 확인해 주세요^^
3. 마무리
오늘은 티스토리 블로그의 프로필과 마우스 커서를 변경해 보았습니다.
티스토리는 자신의 블로그를 이쁘게 꾸미는게 장점인 것 같아요.
오늘도 고생하셨습니다.
감사합니다.