티스토리 블로그 운영자중 다른사이트에서 유용하게 사용되는 TOP버튼(맨위로 가기)으로 이동하는 기능을 보실 수 있습니다.
오늘은 티스토리 블로그 TOP 버튼(맨위로가기) 설치하는 방법에 대해 알아보도록 하겠습니다.
우선 TOP버튼(맨위로 가기)의 이미지가 필요합니다.
이러한 이미지는 직접 만드셔도 되지만 아래 링크사이트를 방문하시면 다양한 이미지를 다운 받으실 수 있으니 참고하시기 바랍니다.
저는 제가 간단하게 이미지를 작업했는데 링크사이트에서 다운받으시는 분들은 ICO 형식의 파일이 아닌 PNG 형식의 파일을 다운받아 주세요`~
그럼, 티스토리 블로그 TOP버튼(맨위로 가기) 설치하는 방법에 대해 알아보겠습니다.
① 아이콘을 다운받으셨으면 티스토리 '관리자모드 - HTML/CSS편집 - 파일업로드 - 추가' 이동
② '추가' 버튼을 눌러 다운받은 PNG 형식의 파일을 업로드 시켜주세요`~
③ 업로드된 파일을 마우스 오른쪽 버튼을 클릭하여 '속성' 창을 열어주세요`~
크롬 사용자는 마우스 오른쪽 버튼을 눌러 '링크주소복사' 를 눌러 주시면 됩니다.
④ '속성' 창이 뜨면 아래처럼 파란색으로 드래그된 부분만 복사 합니다.
⑤ 속성창에서 복사한 이미지주소를 아래 소스 '이미지 주소'에 붙혀넣어 주신다음
HTML/CSS 편집 - skin.html 에서 <body> ~</body> 사이에 아래소스를 복사하여 입력하여
주시면 됩니다.
아래소스가 드래그가 안되면 아래 파일을 다운받아 주세요`~
맨위로 소스.txt<!-- 맨 위로 버튼 -->
<a style="display:scroll; position:fixed; bottom:5px; right:0px;" href="#" title="top">
<img src="이미지 주소"></a>
<!-- 맨 위로 버튼 -->
⑥ 아래 이미지와 같이 위에 소스를 복사하여 붙여넣기 하신다음 '저장' 버튼을 눌러 주세요`~
저는 </body> 바로위에 소스를 입력했습니다.
⑦ 티스토리 블로그 오른쪽 하단에 TOP버튼(맨위로가기)이 잘 설정되었습니다.
이상 티스토리 블로그 TOP 버튼(맨위로가기) 설치하는 방법에 대해 알아보았습니다.
유용한정보가 되었으면 합니다.
