블로그를 하다가 스크롤을 하고 다시 올라갈려면 스크롤을 다시 해야지요. 이럴때 간단하게 위로 이동버튼이 있으면 아주 좋습니다.
이전에 네임앵커라고해서 달아서 사용해봤는데 모든 브라우져에 호완이 되어야하는데 그렇지만도 않은거 같습니다. 그리고 html 과 장소에 따라서는 css 도 수정을 해줘야하지요.
하지만 이번에 소개하는것은 간단이 업로드와 한두줄의 html 추가로 간단이 위로 이동 버튼을 달수 있습니다.
현재 제가 사용해보니 괜찮은거 같아 소개합니다.
자 그럼 시작합니다.
html 추가.
html 편집창에서 <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="./images/scrolltopcontrol.js"></script>


그런다음 아래의 이미지와 js파일을 다운로드해서 이름을 수정하지 말고 그대로 파일업로드를 해주세요.


1차 끝 ~~~~~
현재는 제가 업로드를 해놨기 때문에 사실 js파일만 업로드하는것으로도 사용이 가능합니다. 하지만 나중을 위해서 아래 부분을 수정해주세요.
scrolltopc 이미지를 우선 업로드하시고 스킨편집에서 마우스 우측버튼으로 이미지의 주소를 알아냅니다. 그런 다음 scrolltopcontrol.js 파일을 열어서 아래 부분을 본인의 이미지 주소로 변경해주세요.

<img src="http://cfs.tistory.com/custom/blog/5/53533/skin/images/up.png" style="width:48px; height:48px" />

 수정후 scrolltopcontrol.js 을 업로드 해주시면 됩니다. 결론
그냥 html에 두줄만 추가해도 바로 보일겁니다.
왜냐면 주소를 현재 제껄로 수정을 해놓은 js 파일이기때문이죠. 하지만 나중을 위해서 본인의 이미지 주소로 변경후 사용하시면 더욱 안심이죠.
맨 처음 페이지에는 안나옵니다. 하지만 스크롤을 조그만 아래로 하면 따따단......나타납니다.^^

자 간단하죠^^
자세히 살펴보시면 이미지를 수정하셔도 되고, 크기또한 수정해서 사용해도 됩니다.
그 부분은 사용자의 몫이죠^^