티스토리 블로그 상단이동 아이콘 표시

티스토리 블로그 상단이동 아이콘 표시

 

블로그 상단 이동 아이콘 표시

블로그의 글이 길어지면 위쪽으로 스크롤을 옮겨야 하는 경우가 있습니다.
쉽게 이동할 수 있는 TOP 버튼 설치가 필요합니다.

아래 첨부된 스크롤 이동 TXT, 샘플 이미지 다운을 합니다.

 

상단 이동 표시 아이콘 확보해야합니다. (자유)

티스토리 내 스킨 편집 >> 파일 업로드 >> 다운로드한 아이콘 추가 >>  위 HTML 텍스트 추가 

▼ 아래에 샘플이 있으니 다운로드 바랍니다.

 

상단 스크롤 이동.txt

0.00MB

Scroll.png

0.00MB

이동표시 아이콘을 다운로드 (www.flaticon)

스킨편집 >> 파일업로드 >> 다운받은 아이콘 추가

빨간박스 HTML과 아이콘 이름이 같아야함 (대소문자 같아야함)

#HTML 코드블럭 복사 이용가능

<!-- 상단 스크롤 위로 -->
<a style="display:scroll;position:fixed;bottom:10px;right:10px;" href="#" title=Top>
<img src=./images/Scroll.png border="0"/></a>
<!-- 상단 스크롤 위로 -->

 

상단아이콘 추가된 모습

 

* 주의사항으로 아이콘의 크기가 크다면 큰 모습 그대로 적용됨 (그림 크기를 자기가 원하는 만큼 줄어야 함)

스크롤 아이콘 크기 비교 

 

 

마무리

스킨 편집 어렵지 않습니다.

 

관련 글

 

 

자료가 마음에 드셨다면, 하단부 공감 버튼 꾸욱~ 눌러주세요