본문 바로가기

기타/블로그

블로그 Top 스크롤 만들기

먼저 이 글을 올리면서 해커C님께 감사 드립니다.
지난번 제 포스팅을 보시고 고맙게도 소스를 공개 해 주셔서 이 글을 이곳에 올리게 되어 습니다.
다시 한번 이 자리를 빌어 감사 드립니다 ^^
파일명은 바꾸지 않고 모두 해커C님이 보내 주신 데로 올리고 포스팅시 파일명도 그대로 사용 합니다.
아무래도 전에 스킨은 공급자 스킨 링크에 접속 되는 관계로 상대방이 스킨을 수정하면 사용을 못하거나 아니면
내가 원하지 않아도 모델이 바뀔수 있는 약점이 있지요.
자~ 오늘은 내 것으로 만들어 보세요.

먼저 위에 파일을 다운 받아 압축 풀면 아래와 같이 ping 파일과 js 파일 두 가지가 있습니다.

먼저 ping 파일을 업로드 해볼까요?
스킨 - HTML/CSS편집 - 파일 업로드 하시고 올린 파일을 선택하면 옆에 미리보기 창에 올린 파일이 보이죠.
그곳에 마우스 오른쪽 클릭하여 속성에서 URL주소를 복사하여 보관 합니다.

다음은 hackercup3.js 파일을 메모장으로 열어 아래 부분을 방금 전에 복사한 URL을 붙여 줍니다.
controlHTML: '<img src=" 이 사이 " style="width:82px; height:30px" />',~~~~
수정 하셨으면 저장하고 다시 스킨 폴더에 파일 업로드 하여 저장 합니다.

다음은 아래 내용을(<head>와 </head>사이에 넣을 내용) 복사하여 메모장에 여시고  (http://cfs.tistory.com/custom/blog/00/000000/skin/images/hackercup3.js)
위 부분만 URL 주소로 바꿔 주되 끝에는 ping이 아닌 js로 바꿔 주시고 이것을
HTML/CSS 편집에서 <head>와 </head>사이에 넣어 주면 됩니다.
<head>와 </head>사이에 넣을 내용


 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src=http://cfs.tistory.com/custom/blog/00/000000/skin/images/hackercup3.js>
</script>
저장 하시고 블로그로 가보시면 우측 하단에 예쁜 탑 버튼이 생겼을 겁니다.
거듭 말 하지만 Top버튼 중 저에게는 최고 입니다.

혹시나 혹시나 위 내용이 어렵다 하시는 분들은 간단한 방법을 사용해 보세요.
하지만 제가 스킨을 바꾸거나 없애면 같이 바뀌고 없어 집니다.
위에 파일이나 스킨 수정 모두 생략하고 바로 아래 내용만 수정하면 사용 가능 합니다.

아래 내용을 <head>와 </head>사이에 넣어 주시고 저장 하시면 바로 됩니다.



블로그 예쁘게 꾸미세요^^
해커C님 블로그도 방문 해 주셔서 댓글 하나 남겨 주시길 당부 드립니다.
http://hackerc.tistory.com
                                                             관련글☞ Top 스크롤 신공