긴 글을 자주 쓰시나요? 페이지 최상단으로 클릭 한 번에 이동시켜주는 위젯

블로그팁 | 2008/10/08 10:30 | Posted by drchoi

블로그에 자주 긴 글을 쓰거나 이미지 등을 삽입하다보면  스크롤이 길어지는 경우가 있습니다. 그리고 글을 다 읽고 다시 페이지 첫부분을 돌아가기 위해서 스크롤을 밀어 올리는 것은 여간 귀찮은 일이 아닙니다.

블로그가 대중화되면서 엄청 다양한 widget 들이 쏟아져 나옵니다. 단순히 정보만을 보여주는 위젯들도 있지만 블로그의 기능을 강화 시켜 주는 위젯들도 있습니다. Floating "Top of Page" Icon Widget 은 블로그 기능을 강화 시켜 주는 위젯으로 클릭 한 번으로 바로 페이지 상단으로 이동시켜 주는 위젯입니다. 

링크 페이지에 접속해서 get the floating icon widget을 클릭하면 스크립트 코드를 알려줍니다. 스크립트 코드를 복사해서 블로그 스킨 편집으로 이동한 다음, </body> 위에 삽입해 주면 됩니다.

코드를 삽입하고 나면 아래와 같은 화살표가 블로그 우측 하단에 나타나며 스크롤을 따라 함께 이동합니다. 화살표를 클릭하면 바로 블로그 페이지 최상단으로 이동합니다.


제 블로그 우측 하단의 화살표가 보이시나요? 화살표를 클릭해 보세요..^^


'블로그팁' 카테고리의 다른 글

블로그 원격 포스팅 도구, 컴퓨터 용 WYSIWYG 에디터 zoundry raven  (22) 2008/10/17
적절한 키워드, 태그 선택을 도와주는 웹서비스  (14) 2008/10/09
긴 글을 자주 쓰시나요? 페이지 최상단으로 클릭 한 번에 이동시켜주는 위젯  (22) 2008/10/08
검색에 내 블로그 글이 노출이 안되세요? 구글 검색에 내 글 노출순위를 올리는 방법 검색엔진 최적화(SEO)기법  (18) 2008/10/07
drchoi blog 를 방문해 주시는 모든 분들께 고마운 마음을 전합니다..  (24) 2008/10/04
이 블로그는 더 이상 업데이트 하지 않습니다. 질문이나 기타 문의 사항은 DRCHOI BLOG 시즌 2를 방문해 주세요.
DRCHOI BLOG 시즌 2
DRCHOI BLOG 편하게 보기
Google Reader or Homepage
TAG , , , , ,
Trackback (3) : Comment (22)

댓글을 달아 주세요

  1. Favicon of http://sabrinah.tistory.com sabrinah 2008/10/08 11:06  댓글주소  수정/삭제  댓글쓰기

    오,,좋은 위젯 감사합니다.^^ 잘 쓰겠습니다.

  2. Favicon of http://damduck01.tistory.com 담덕 2008/10/08 12:11  댓글주소  수정/삭제  댓글쓰기

    오~~ 좋은 정보 감사합니다.
    그런데.. 잘 안보여요..
    한참 찾았네요.. ^^;;

  3. Favicon of http://zinibox.tistory.com zinicap 2008/10/08 12:38  댓글주소  수정/삭제  댓글쓰기

    우측하단^^ 한 참 찾았습니다.ㅎㅎ
    유용한 위젯이네요... 바로 달아봤습니다. 감사합니다.

  4. Favicon of http://www.choboweb.com 웹초보 2008/10/08 15:54  댓글주소  수정/삭제  댓글쓰기

    이거 아주 요긴하니 쓸만한 위젯이네요.. 능력자분들이 좀 큼직한 크기와 다양한 색깔로 만들어주시면 더 좋을것 같습니다..ㅎㅎ

  5. Favicon of http://yoshitoshi.tistory.com 요시토시 2008/10/08 17:58  댓글주소  수정/삭제  댓글쓰기

    우측하단데 댓글알리미에 가려있어서...한참 찾았습니다. ^^);;
    /body 위가 아니라 다른위치에 설치하면 위치조절이 가능한걸까요?

    • Favicon of http://drchoi.or.kr drchoi 2008/10/08 18:22  댓글주소  수정/삭제

      위치를 바꿔도 워낙 아이콘이 작아서 잘 안보일 겁니다.혹시 바꿔보시고 제대로 작동되면 알려주세요..ㅎ...^^;;

  6. Favicon of http://pjjk.tistory.com skyfish 2008/10/09 00:47  댓글주소  수정/삭제  댓글쓰기

    좋은 정보내용. 바로 적용했습니다. ^^

  7. Favicon of http://sroger88.tistory.com xarm 2008/10/09 01:08  댓글주소  수정/삭제  댓글쓰기

    와~ 좋은 기능이네요~
    근데 다른 분들 말씀처럼 잘 안 보이는게 단점..;;
    위에 댓글로도 말씀하셨지만 방문자들이 알아보고 잘 쓸지가 살짝 걱정이네요.^^;

    • Favicon of http://drchoi.or.kr drchoi 2008/10/09 10:20  댓글주소  수정/삭제

      긴 글 읽어보고 수정할 때나 댓글 보고 원위치 할 때 등등 사용하면 됩니다..어느 고수분이 좀 크게 만들어 주지 않을까요?..^^;

  8. Favicon of http://b1uesky.tistory.com 부스카 2008/10/09 16:58  댓글주소  수정/삭제  댓글쓰기

    그런데, 저같은 경우는 이 위젯이 파폭에서는 정상작동하는데
    IE에서는 제대로 작동하지 않는군요. 자바스크립트 에러가 뜨네요.

    • Favicon of http://drchoi.or.kr drchoi 2008/10/09 18:19  댓글주소  수정/삭제

      ie7 에서는 정상작동하는데 ie 6 에서는 확인을 못해봤습니다...자바가 정상 작동안하는 것은 여러가지 원인이 있을 수 있기때문에 뭐라 말씀드리기는 어렵군요..^^;

  9. 키포스 2008/10/09 23:41  댓글주소  수정/삭제  댓글쓰기

    죄송합니다~ 미투데이가 핑백을 지원해서 자동으로 트랙백에 2개나 걸렸네요. 뜻하지 않게 딴지 거는 것처럼 되어버렸네요... (제 트랙백은 삭제하셔도 됩니다)

    • Favicon of http://drchoi.or.kr drchoi 2008/10/10 11:35  댓글주소  수정/삭제

      브라우저나 윈도우 단축키를 모르시는 분도 많고 마우스에서 키보드로 손을 움직이는게 귀찮을 때 도 있죠..^^; 걸어주신 트랙백도 하나의 정보이니 중복 트랙백만 제거하겠습니다.:)

  10. Favicon of http://vart1.tistory.com 백마탄 초인 2008/10/14 19:50  댓글주소  수정/삭제  댓글쓰기

    안녕하세요,첨 방문 합니다 ^ ^

    오늘 우연찮게 님의 블로그에 들렀다가 유용한 정보를 접하고 제가 아이콘을 변경해서 적용해본 결과, 흡족해서 엮인글도 걸었습니다.

    앞으로 자주 들르겠습니다. ^ ^

    • Favicon of http://drchoi.or.kr drchoi 2008/10/15 10:37  댓글주소  수정/삭제

      네 찾아주셔셔 고맙습니다. 그리고 아이콘을 크게 바꿔줄 고수 분이 나타나셨네요..ㅎㅎ..많은 분들한데 도움이 될 듯합니다.. 헌데 제 경우 적용을 해보니 아이콘이 상단에 거꾸로 나타나는군요.^^;

    • Favicon of http://vart1.tistory.com 백마탄 초인 2008/10/15 15:34  댓글주소  수정/삭제

      아,,,샷에는 bottom 으로 표기 해 놓았는데,
      본문의 설명에는 top으로 잘못 되어 있더군요,,;;;

      수정 했습니다.이제는 잘 될겁니다!^ ^

  11. Favicon of http://skypoet.tistory.com 음악공학 2009/04/28 11:45  댓글주소  수정/삭제  댓글쓰기

    재미있는 기능이네요 제 블로그에도 적용해 보렵니다 감사합니다.