[05,티스토리 블로그] 탑(Top) 버튼 만드는 방법

[05,티스토리 블로그] 탑(Top) 버튼 만드는 방법

반응형

탑(Top) 버튼 만드는 방법

티스토리 블로그 반응형 스킨에는 대부분 탑(Top) 버튼이 없는데요. 블로그 컨텐츠를 쭈욱 보다가 위로 다시 올라가려면 PC에서는 Home 버튼이 있지만, 모바일에선 불편합니다.

 

많이 알고 계시는 내용일까 싶어서.. 포스팅을 할까 말까 고민하다가 저도 스킨을 바꾸게 되면 종종 또 검색을 해서 아예 정리해서 기록해두려는 목적도 있고요. 혹시 또 저처럼 자주 검색하시는 분들이 계실까?.. 해서 탑(Top) 버튼 만드는 방법을 작성합니다. 

 

 

탑(Top) 버튼 만드는 방법

1, 첫 번째로, 탑버튼 아이콘을 만들어야 합니다.

제가 자주 사용했던 아이콘을 올려놓았는데요. 저희 블로그는 오른쪽 마우스 사용금지를 해 놓아서 필요하시면 다운로드하여 사용하시고, 마음에 안 드신다면 직접 만들어 사용하셔도 좋고요. 찾아보시면 탑버튼 이미지들은 많이 있으니까요~ 맘에 드시는 이미지를 사용하셔도 됩니다. 이미지는 top.png로 저장하시면 되겠습니다.

 

top.png
0.00MB
티스토리 탑버튼
탑버튼

 

2, 아이콘을 업로드합니다.

 

티스토리 탑버튼만들기
탑버튼

관리-> 꾸미기 -> 스킨 편집 -> HTML 편집-> 파일 업로드 추가해서 아이콘을 업로드합니다. 

 

 

 

4,  HTML 편집에서 탑버튼 소스를 붙여 넣어 추가합니다. 

 

티스토리 탑버튼소스

관리-> 꾸미기 -> 스킨 편집 -> HTML 편집에서 </body> 바로 위에 아래 코드를 다운로드하여서 탑버튼 소스를 붙여 넣어 추가합니다. 

top버튼소스.txt
0.00MB

 

 

 

5, 모바일에서 탑(Top) 버튼이 오류 없이 적용하게 하려면.. 

티스토리 탑버튼꾸미기

 

 

6, 꾸미기-> 모바일->사용하지 않습니다.로 설정해 두면 되겠습니다.

티스토리 탑버튼꾸미기 모바일

 

 

티스토리 탑버튼이미지

 

이 글을 공유하기 - 카카오톡 공유

댓글(10)

[기본멘트, 부정적 댓글, 글과 관련이 없는 댓글은 차단합니다.]

  • 2019.07.26 23:07 신고

    유용하네요. 잘 쓰겠습니다. 고맙습니다.

  • 2019.07.27 08:31 신고

    톱버튼이 있으면 모바일에서 손가락으로 스크롤 쭉쭉 안 올려도 버튼 하나만 누르면 최상단으로 뿅 올라가겠어요.

  • 2019.07.27 11:13 신고

    컴퓨터를 잘모르는 1인으로써...티스토리블로그 운영에 좋은정보네요 정보 감사해요^_^

    • 2019.07.27 13:52 신고

      저도 잘 몰라서 여기저기 검색해보고 그래용ㅋㅋㅋ:) 좋은 정보가 되시면 좋겠어요:)

  • 2019.07.27 18:13 신고

    이런건.. 어떻게 잘 아세요?? 지영님 블로그가 인기 급 상승인 이유가 있네요~ ^^ 유익한 내용 잘 봤어요~^^

  • 익명
    2021.03.12 08:22

    비밀댓글입니다

Designed by JB FACTORY