본문 바로가기
금융정보

티스토리 "맨위로 이동" 버튼 만들기

by 비앤피 2021. 4. 18.
728x90
반응형
SMALL

 

목차

 

화살표 이미지 업로드

1. 아래의 파일을 다운로드 합니다.

Arrow_up.zip
0.01MB

2. 화살표 이미지를 스킨 편집에 업로드 합니다.

티스토리에서 "관리"로 들어간뒤, "스킨편집"에 가서, "파일업로드"에 파일을 추가합니다.

화살표 자바코드 업로드

1. 아래의 화살표 자바코드를 다운받습니다.

scroll_top.js
0.00MB

2. 화살표 자바코드를 스킨 편집에 업로드 합니다.

티스토리에서 "관리"로 들어간뒤, "스킨편집"에 가서, "파일업로드"에 파일을 추가합니다.

 

화살표 활성화 태그 입력

1. html 화살표 활성화 태그를 입력합니다. 먼저, 아래의 화살표 활성화 태그를 다운 받으세요.

화살표 활성화 태그.txt
0.00MB

 

2. 위의 파일의 내용을 복사하여, html의 <head>와 </head> 사이에 붙여넣기를 합니다. 가능하면 맨 마지막에 넣으세요.

 

 

3. 아래의 문서를 다운받아 복사해주세요.

top버튼.txt
0.00MB

 

4. html에서 <body>와 </body>사이에 태그를 붙여넣고, 적용을 누르세요. 아래의 그림을 참고하세요.

부드럽게 스크롤하는 방법

1. 아래의 파일을 다운 받으신 뒤, 내용을 복사해주세요.

jQuery.txt
0.00MB

2. 본문 작성하기 전에 아래의 jQuery 코드만 HTML 코드 내에 삽입시켜주면 됩니다.

3. 이제 기본모드로 돌아오게 되면 아래와 같은 코드가 생기게 됩니다. 아래의 화면은 작성 화면에서만 보입니다. 그래서 포스팅하게 되면 해당 코드는 보이지 않게 됩니다.

 

 

 

 

 

 

 

 

 

728x90
반응형
LIST

댓글