본문 바로가기

나눔을 위한/8단계-블로그 팁

블로그 내에서 더블클릭으로 빠르게 이동하기

반응형

블로그 내에서 더블클릭으로 빠르게 이동하기


갈수록 새로운 블로그 팁들이 나온 것을 보고 내 블로그에 적용해보고, 실행해보면 참 뿌듯함이 느껴집니다. "블로그 내에서 더블클릭으로 빠르게 이동하기"라는 제목에서도 볼 수 있듯이, 블로그에서 긴 장문의 글을 읽다 보면 빠르게 윗쪽이나, 아랫쪽으로 이동하고 싶은 생각이 듭니다. 그때마다 스크롤바로 가서 올리려고 하니, 여간 귀찮았던게 아닙니다. 근데 이걸 적용시켜서 해 보니, 너무 편하길래 다른 분들도 적용을 하면 좋겠다라는 생각이 들어 포스팅을 진행합니다.

더블클릭으로 빠르게 이동하는 방법은 의뢰로 간단합니다.

더블클릭으로 상/하 빠르게 적용되는 부분은 그림에서 보는바와 같이 빨간색 박스로 되어 있는 부분 입니다 .




한번 더블클릭 했을때는 윗쪽 끝부분으로 이동이 되고, 다시 한번 더블클릭이 이루어지면 아랫쪽 끝부분으로 이동이 됩니다.
 



 
소스는 그대로 복사하셔서 붙이시면 됩니다. 블로그내에서 더블클릭 했을때 상단으로 먼저 이동할지 아니면 하단으로 먼저 이동할지는 소스에 설명이 되어져 있습니다. toggle 가 1이면 상단으로 먼저 이동을 하고 toggle 가 0이면 하단으로 먼저 이동을 합니다.  

제 블로그에서는 소스 복사가 되지 않기 때문에, 하단에 첨부파일로 붙여 놓았습니다. 열어서 그대로 복사해서 붙여 넣으시면 됩니다.




**소스를 찹고하게 해주신 http://danielkig.tistory.com 블로그에 감사드립니다. 좋은 소스들이 많이 있어서 자주 찾아뵌답니다. **

관리자 모드에서 스킨 -> HTML/CSS 편집으로 들어가서 <HEAD> 부분과 </HEAD> 부분 사이에 소스를 복사해서 붙여 넣으시면 됩니다. 저는 </HEAD> 부분 바로 위에 붙여 놓았답니다 .나중에 찾기 쉽게 하기 위해서 입니다.

어떠세요 저장하고 내 블로그를 열어서 더블클릭을 하니 상/하 아랫부분으로 빠르게 이동하는게 보이시죠, 이게 블로그를 하면서 느끼는 묘미이지 않나 싶습니다. 



[8단계 - 블로그 팁] - 공짜 이미지나 사진 사용 하기.
[8단계 - 블로그 팁] - 블로그팁 - 이미지나 사진에 링크 걸어서 이동하기
[8단계 - 블로그 팁] - 블로그에 실시간 접속자 나타내기.
[8단계 - 블로그 팁] - 블로그 본문 내 이미지 테두리(사각표시) 없애기
반응형