|
|
|
더블클릭으로 블로그 위 아래로 움직이기
더블클릭으로 블로깅을 편하게 하는 방법을 소개합니다
예전에 이걸 설명하는 글을 썻었지만 내용도 길고 복잡해서 제가 간단히 다시 정리해보았습니다
더블클릭을 하면 블로그의 맨하단으로, 다시 더블클릭을 하면 맨 상단으로 이동되게 됩니다
(Internet Explorer 6,7 , FireFox 3.0.6 , 크롬 1.0.154.48 테스트 완료) - gostopgo90 님이 크롬테스트 해주셨네요 감사합니다
제블로그에 빈 여백에 아무곳이나 더블클릭을 하면 한번은 맨하단으로 또한번 하면 맨 상단으로 이동하게 됩니다.
댓글을 바로 확인하거나 또는 메뉴로 바로 이동하고 싶을때 편리하게 사용할 수 있습니다.
자신의 블로그에 추가하는방법
주의 / 티스토리 경우 기존 스킨을 꼭 저장을 해놓고 작업하시기 바랍니다.
1. JS 파일을 다운로드 후 자신의 스킨폴더에 업로드합니다.
블로그 → 관리자 페이지(Q) → 스킨 → 파일업로드 → JS 파일 업로드
2. HTML/CSS편집 에서 <head> </head> 사이에 아무곳에나 아래의 코드를 입력
<script src="./images/ff_ie_dbc.js" type="text/javascript"></script>
내용 추가 예시
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="alternate" type="application/rss+xml" title="[##_title_##]" href="[##_rss_url_##]" />
<link rel="stylesheet" media="screen" type="text/css" href="./style.css" />
<link rel="shortcut icon" href="[##_blog_link_##]favicon.ico" />
<title>[##_title_##] :: [##_page_title_##]</title>
<script src="./images/ff_ie_dbc.js" type="text/javascript"></script>
</head>
/* 설명 : <head> 와 </head> 사이에 노란색의 내용을 입력합니다 */
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="alternate" type="application/rss+xml" title="[##_title_##]" href="[##_rss_url_##]" />
<link rel="stylesheet" media="screen" type="text/css" href="./style.css" />
<link rel="shortcut icon" href="[##_blog_link_##]favicon.ico" />
<title>[##_title_##] :: [##_page_title_##]</title>
<script src="./images/ff_ie_dbc.js" type="text/javascript"></script>
</head>
/* 설명 : <head> 와 </head> 사이에 노란색의 내용을 입력합니다 */
더블클릭 3단 이동 시키기
제 블로그처럼 하단에 어느정도 다른 공간이 있는경우
1번 더블클릭시에는 하단부를 제외한 (수치조정가능 기본값 2000 으로 지정) 만큼 이동하고,
2번 더블클릭시에는 맨 하단부로 이동,
3번 더블클릭시에는 맨 상단으로 가도록 수정.
// js 파일에 내용을 아래와 같이 수정, 빨간 숫자
2000 은 하단부의 길이만큼 지정
toggle=0;
document.ondblclick = function(event)
{
if(window.event)
{
EventStatus = window.event.srcElement.tagName;
}
else
{
EventStatus = event.target.tagName;
}
if(EventStatus!='INPUT'&&EventStatus!='TEXTAREA')
{
if(toggle==0)
{
var sc=document.body.scrollHeight - 2000; toggle=1;
}
else if(toggle == 1)
{
var sc=99999; toggle=2;
}
else if(toggle == 2)
{
var sc=0; toggle=0;
}
window.scrollTo(0,sc)
}
}
toggle=0;
document.ondblclick = function(event)
{
if(window.event)
{
EventStatus = window.event.srcElement.tagName;
}
else
{
EventStatus = event.target.tagName;
}
if(EventStatus!='INPUT'&&EventStatus!='TEXTAREA')
{
if(toggle==0)
{
var sc=document.body.scrollHeight - 2000; toggle=1;
}
else if(toggle == 1)
{
var sc=99999; toggle=2;
}
else if(toggle == 2)
{
var sc=0; toggle=0;
}
window.scrollTo(0,sc)
}
}
최초 작성일 : 2009/02/12 15:27
|
|
|
'유용한_팁 > 블로그_팁' 카테고리의 다른 글
블로그팁 티스토리툴바 숨키기 (16) | 2010.06.27 |
---|---|
트위터 리트윗 버튼 자동 번역 Disable Google auto-translations (5) | 2010.06.22 |
더블클릭으로 블로깅을 편하게 하는 방법 (57) | 2010.06.20 |
블로그 상단 간결하게 유지하라 블로그 팁 (31) | 2010.06.18 |
티스토리 블로그 팁 비밀공간을 만들어보자 (46) | 2010.06.17 |
티스토리 블로그팁 태그를 적극 활용하세요 (31) | 2010.06.04 |
헉 이런것도 있었네요^^
좋은정보 감사합니다
새벽님은 댓글부분이 맨 하단에 있기때문에 적용하고 알려주면 댓글 달때 무진장 편할꺼에요.
근데 수정하실때 혹시 사이드바 틀어질지 모르니 스킨저장후 해보세요 ^^
재미있네요...
눈 깜빡할 새에 오르고 내려가서 꼭 잡아야겠습니다..ㅋㅋㅋ
엇 위에 댓글다는데 바로 댓글 다셨네요 ㅋ
잡지는 못할거예요 너무 빨거든요 ㅋ
제꺼는 하단부가 좀 길어서 지금 3단계로 왔다갔다 하게 하려고 만드는중입니다 ㅋ
더블클릭하면 댓글로 이동 다시 더블클릭하면 하단 배너부로 이동. 또 더블클릭하면 맨상단으로 ~
우와 좋은 정보 감사해요 ^^
바로 해봤는데.. 이거 정말 버릇 되겠는데요,
cdmanii처럼 다른 블로그 가서도....ㅋㅋ
댓글이 많거나 아니면 본문을 길게적는분
또는 빠른 블로깅을 원하는분에게는 딱입니다 ㅋ
적응되면 정말 다른블로그에서 더블클릭을 하게 됩니다 ㅋㅋ
오호~~~ 정말 편리한데요...^^
전에도 이런 것을 볼 수가 있었는데 소스가 여기에 있었군요...
재미도 있구요...
네 ㅋ 저는 하단부가 좀 길어서 수정을 했네요 ㅋ
공개한건 위아래로 최대로 왔다갔다 하게 되구요
지금 제가 적용한건 하단부길이만큼 뺀만큼 이동하게 했구요. 3단계로 끊어서 왔다갔다 하려고 하니 이부분 잘안되네요. 좀더 연구를 해봐야할듯.
지금 여기서 더블클릭하면 댓글 글쓰는부분 위에 딱 오는지 궁금하네요 저는 잘되는듯한데 해상도가 다른곳에서 또는 브라우저가 다른곳에서도 잘되는지는 아직모르겠거든요.
댓글남길때 댓글이 많으면 스크롤 내리기 힘든데....이거 아주 좋네요 ^^
댓글 바로 남길때 적용해두면 너무 편해요 댓글이 길면 길수록 방문한 블로거들도 댓글달기가 편해져요 ㅋ
오.. 이거 정말 좋네요 ^^*....
저도 적용을 곧 해야 ㅋㅋ
스킨 저장 해놓고 꼭 해보세요 ㅋ
블로그 보니 맨하단쪽에 댓글란이 잘 보이기에 js 파일 파일 그냥 바로 쓰셔도 될듯하네요
적용되고 블로그 찾아오시는 분들도 더블클릭알게되면 댓글달때 너무 편할듯해요
ㅋㅋ. . . 저는 인터넷 하다보면 습관적으로 빈곳에 마우스를 두고 클릭클릭하는 경우가 많은데. . . -.-;
저런거 되어있는데 가면 순간 당황한답니다. . . ㅋㅋㅋ
따닥 하고 누르시면 당황하실 수 도 있겠네요 한번만 누르시면 괜찮습니다 ㅋ; 저는 오히려 다른블로그를 가서 두번 무의식적으로 누릅니다 ㅋㅋ
아항...이 기능 정말 마음에 드는데요. ^__^
저도 조만간에 설정해봐야겠습니다.
스킨 저장 꼭 해두시고 해보세요. 미리 공지한뒤 댓글로 이동이 바로되게 딱 설정해두시면 댓글달때 블로거들이 편해하실겁니다 ㅋ
3번 이동을 하네요 처음에는 댓글로 두번째는 맨 밑으로 세번째 제일 위로!
내 블로그에도 적용해볼까 흐흐 ㅋ 괜찮은듯
아 3가지로 나누는것도 있군요
심심맨님 블로그를 보면 하단에 다음 최신뉴스가 있군요 대략 800 정도 뺀 길이로 넣으면 될것같아요
그러면 3단으로 착착 알아서 이동할것같네요
800 은 제가 감으로 찍은 수치라 .. 600 정도 해야할것같기도 하구요 몇번 적용하다보면 딱 맞으리라고 생각합니다 ㅋ
저도 탑 버튼의 정체와 뭐로 이뤄져 있는지 몰랐는데 이거군요~
좋은 정보 감사합니다~
한번 적용해보세요 유용합니다 ^^
와! 이거 정말 짱이에요~
댓글 달 때 솔직히 내용 길면 스크롤 내리고 번잡스러웠는데 :-)
감사합니다!
하단쪽에 댓글창이 있으시기에 2단 이동 이용하시면 (위에 파일) 아주 유용하실거예요 ^^
궁금한게 있는데요..
왜 제 티스토리 블로그에는 파일 업로드가 없을까요? ㅜ.ㅜ
안녕하세요 ^^
티스토리 관리자 페이지에 들어가신뒤 스킨 메뉴를 그냥 톡 눌러보시면 바로 아래에 3개의 버튼
HTML/CSS 편집 , 파일업로드 , 다운로드
이렇게 있을겁니다. 파일업로드를 누르신 뒤 파일을 올려주시면 됩니다. ^^
제 관리자 페이지에는 스킨메뉴를 톡 눌러보고 꽉 눌러봐도
스킨 선택, HTML/CSS 편집, 사이드바 설정, 화면출력 설정, 카테고리 설정
이것밖에 없어요.. ㅜ.ㅜ
파일 업로드로 접근하는 방법이 여러가지가 있지만 좀 쉽게 그림으로 만들어봤어요 ^^
https://t1.daumcdn.net/cfile/tistory/1530891D4B18C54321
여기 보시면 바로 아실거예요 ^^
아차 그림에서 빠드렸네요. 저렇게 들어간뒤, 오른편에 파일업로드라고 버튼이 있습니다. 그걸 누른뒤 업로드할 파일을 선택해주면 됩니다 ^^
파일이름이 동일한걸 올리면 덮어서 올라가게 되니 이점 꼭 알아두시구요 ^^
아! 그냥 저기에 올려도 되는거군요.. ^^;;;
전 저곳은 이미지 파일만 되는 줄 알았습니다.
친절한 답변에 감사드립니다. ^^
와 정말 유용한 정보네요. +_+
요기능 잘만 이용하면 편하게 블로깅할 수 있죠 ㅋ
일단 다른 분들 블로그 들어가면 더블클릭부터 해봐요 ㅎ
재밌고 편리한 방법이네요...잘 보고 갑니다.
엥...적용아직 되는건가요....저는 더블클릭해도 안되네요
제블로그에는 아직 적용되어잇진 않습니다. ^^ 다만 위에 코드 적용시키면 바로 동작합니다. ^^
너무 유용한 정보인데 알겠는데 제 블로그에 설치한 자바스크립트와가 서로 충돌 걱정과 스킨 수정시 이상이 생길까봐 요즘은 자바스크립트 등을 설치하기가 겁나요.
이제 하나하나 따라서
스킨 대공사를 시작해야겠는데요~ ^^
도입해보니까 상당히 편리한것같아요 !
감사합니다 .. !
앞으로도 종종 들리도록 하겠어요 !
좋은 자료 감사합니다^^