블로그/스킨수정

티스토리 북클럽 스킨 화살표 만들기 , top버튼, 맨위로 가는 버튼

사람사물상황 2020. 12. 24. 01:55

티스토리 북클럽 스킨 화살표 만들기 , top버튼, 맨위로 가는 버튼

안녕하세요 사람사물상황입니다.

이번엔 우측하단에 화살표를 만들겁니다. 누르면 화면 최상단으로 가는 그것, 다들 한 번쯤은 보셨죠? 저는 이게 필요한 요소중 하나라고 생각해서 북클럽에도 적용해 보려합니다. 사실 이 방법 오디세이 스킨을 수정하면서 알아봤던건데, 다른 스킨으로 바꾸다보니 다시 써보네요. 

 

방법

1. 화살표 이미지를 스킨편집에 업로드한다.

2. 화살표 자바코드도 스킨편집에 업로드한다.

3. html 화살표 활성화 태그를 두군데 넣는다.

 

 

1. 화살표 이미지를 스킨편집에 업로드한다. 

화살표 이미지는 따로 구해서 하셔도 되고, 여기선 몇가지 저도 다운받은걸 파일로 올려보겠습니다.

업로드하고 적용을 누르시고

 

이 파일을 올려줍니다.

Arrow_up.zip
0.01MB

 

 

 

 

 

 

2. 화살표 자바코드도 스킨편집에 업로드한다.

마찬가지로 이곳에 자바코드도 업로드 해줍니다. 올리고 적용을 누르시고

 

이 파일을 올려줍니다.

scroll_top.js
0.00MB

 

 

 

3. html 화살표 활성화 태그를 두군데 넣는다.

 

가. <head> 와 </head> 사이에 태그를 넣습니다. 전 이럴때 보통 마지막에 넣습니다. 넣고 적용을 누르시고

 

태그는 파일로 첨부하였습니다.

새 텍스트 문서.txt
0.00MB

 

 

 

 

나. <body>와 </body> 사이에 태그를 넣습니다. 적용을 누르시고

 

태그는 파일로 첨부하였습니다.

새 텍스트 문서.txt
0.00MB

 

 

 

 

그러면 완성된 화살표의 모습입니다.

 

 

 

 

 

 

화살표의 스크롤업 속도는 올리신 자바 파일의 var speed=7; 부분을 수정하여 조절하며, body에 넣은 태그로 위치를 조정합니다. 제가 올리것에서 입맛에 맞게 수정하시면 됩니다.

 

관련정보는 다음의 블로그를 참조하였습니다. 그럼 20000

unzengan.com/173

 

티스토리 블로그 맨 위로 이동버튼 (Top버튼) 넣는 3가지 방법

<맨 위로 이동버튼 (Top버튼, go to top button)을 넣는 3가지 방법> 오늘도 이웃 블로거의 요청으로 강좌를 작성합니다.!! (너무 늦었나?) 사실 포스팅을 써 놓은지는 오래되었는데, 이래저래 다른 포스

unzengan.com