티스토리 블로그 상단 이동 스크롤 버튼 적용방법을 알려드리도록 하겠습니다. 이 자료를 끝까지 읽어주시면 티스토리 블로그 상단 이동 스크롤 버튼을 이해하게 되실 겁니다. 티스토리 블로그 상단 이동 스크롤 버튼의 정보가 필요하다면 전체 다 읽어주세요. 아래의 게시글로 알아봅시다.

 

 

상단이동 스크롤버튼 적용방법
상단이동 스크롤버튼 적용방법

 

 

 

[[나의목차]]

티스토리 블로그 상단 이동 스크롤 버튼 적용하기

 

1.  해당 아이콘과 코드 다운로드

  •  우선 상단 이동 스크롤 아이콘과 코드를 다운로드하시기 바랍니다.

 

아이콘 다운로드

Scroll_소정한.png
0.00MB

 

 

 

 

코드 다운로드

상단 스크롤 이동_소정한.txt
0.00MB

 

 

2. 내 블로그에 아이콘 추가하기

  • 내 블로그에 위에서 다운로드한 상단 이동 아이콘을 추가해줘야 합니다.
  • 스킨 편집 --> HTML 편집 --> 파일 업로드로 갑니다.
  • 아이콘을 추가해 줍니다.

 

상단이동 아이콘 추가하기
상단이동 아이콘 추가하기

 

 

 

상단이동 아이콘 추가하기
상단이동 아이콘 추가하기

 

주의점

  • 아이콘의 이름과 코드의 이름이 똑같아야 합니다(대소 문자도 같아야 해요)

상단이동 아이콘 추가하기 주의점
상단이동 아이콘 추가하기 주의점

 

 

 

3. HTML에서 코드 적용하기

  • 이제 위에서 다운로드한 코드를 HTML에서 적용하면 끝납니다.
  • HTML 가장 아래 </body> 안에 코드를 붙여 넣어주세요.

 

상단이동 아이콘 코드 적용하기
상단이동 아이콘 코드 적용하기

 

추가 정보

  • 추가적으로 해당 아이콘이 너무 크다면 다른 아이콘으로 대체하거나 크기를 줄이시면 됩니다.

 

 

 

같이 읽으시면 유용한 게시글

- 티스토리 블로그 헤더 배경색, 카테고리, 색깔 수정하는 방법, 블로그 최적화

- 티스토리 블로그 사이드바 위치 변경하는 방법, 블로그 최적화

- 티스토리 블로그 썸네일 이미지 위치 변경하는 방법, 블로그 최적화

- 티스토리 블로그 제목 전체 표시하는 방법, 블로그 최적화

 

 

 

티스토리 블로그 상단 이동 스크롤 버튼을 공유해드렸습니다. 모두 읽어주셔서 감사합니다. 다른 지식도 필요하시다면 위의 글들을 참고하시면 도움이 될 것 같습니다. 도움이 되셨다면 구독, 좋아요, 하트(공감)를 부탁드립니다.

반응형
  • 네이버 블러그 공유하기
  • 네이버 밴드에 공유하기
  • 페이스북 공유하기
  • 카카오스토리 공유하기