본 블로그는 까마귀가 사용하는 브라우저에서 가장 이쁘게 보입니다.
Permalink: http://blog.crows.kr/4371535
이글루스에 없는 페이징 기능을 만들어 봤습니다.
※ 본 방법은 블로그의 스킨을 수정하는 과정이 필요합니다. 기본적으로 스킨 수정이 가능한 분들을 대상으로 작성된 글이므로 스킨 수정이 어려우신 분들에 대한 자세한 설명은 하고 있지 않으니 참고 바랍니다.

 새벽에 할 짓없어서 노래 들으면서 이것저것 만져보면서 만든 소스입니다. 틀을 잡는 것 까지는 쉽게 했는데 세부적인 거나 문제점 수정하는데에 시간이 오래 걸렸네요. 새벽에 들어와서 보신 분이 있다면 포스트 밑에 이상한 글씨들이 보이는걸 봤을지도 모르겠습니다.

 블로그에서 페이징이란 위의 링크나 이 바로 전 포스트의 스샷으로 올렸던 것 처럼 페이지의 최하단에서 숫자로 표시된 페이지 번호로 이동하는 링크를 제공해주는 것입니다. 이글루스는 이전, 다음 페이지 링크만 제공해주기 때문에 이 점이 제일 불편 했었습니다. 그래서 생각난김에 한번 만들기를 시작했던 거구요.

 불편함을 줄이려고 js 파일로 정리해서 따로 올려놨습니다. 그래야 수정 사항이 있을 때 수정을 하고 바로 적용이 되니까요. 적용 방법은 다음과 같습니다.


 스킨 소스 편집으로 가서 HTML 소스를 확인해 봅니다.


 메인화면 편집에서 <$prepage type=?$>와  <$nextpage type=?$>를 찾습니다. 위 소스와 같지 않을 수 있으니 찾기만 하시면 됩니다. 그리고 저 사이에 다음의 코드를 삽입하여 줍니다.

<!-- 이글루스 페이지 번호 표시 시작 by 까마귀(http://pnpcrow.egloos.com) -->
<script a="<>" language="JavaScript" src="http://wzd.com/Widget/Filebox/download?lid=1382007&file=%2FSource%2Fegloos_paging.js"></script a="<>">
<!-- 이글루스 페이지 번호 표시 끝 by 까마귀(http://pnpcrow.egloos.com) -->

※ 위자드웍스의 마이젯 파일박스를 이용하였습니다.
  업로드 공간을 제공해준 위자드웍스에 감사의 말을 올립니다.


 위 소스를 그대로 넣으시면 되고 js파일을 임의로 수정하는 것은 금지하며, 부득이하게 수정해야 하는 경우가 있을 시에는 상단의 주석을 유지시키시고 수정된 소스를 공개하셔야 합니다. 제대로 적용되면 하단의 스샷과 같이 페이지 번호로 이동할 수 있도록 페이징 링크가 추가됩니다.["<< 이전"과 "다음 >>"은  이글루스 자체에 있는 이전 페이지, 다음 페이지 링크입니다.]


 위부터 메인 페이지, 카테고리 & 태그 페이지, 포스트 순입니다. 포스트의 경우에는 작성시에 페이지 번호가 임의로 생성되서 붙기 때문에 스클립트만 가지고는 포스트의 순서와 페이지 주소를 알아낼 수 없는 이유로 포스트 내에서 페이징 기능은 사용할 수 없습니다. 대신에 메인으로 나가는 링크를 넣었습니다. 그리고 비슷한 이유로 각 페이지의 마지막 페이지를 찾을 방법이 없기 때문에 페이징은 계속 보이게되니 참고하시기 바랍니다. 예를 들어 카테고리가 4페이지로 구성되어 있고 현재 4페이지에 있다고 하더라도 페이징 번호는 5페이지의 링크를 계속 적으로 보여주게되며, 링크를 이동하더라도 이글루스의 특성상 계속 페이지가 만들어 지기 때문에 숫자가 계속 늘어나는 것을 볼 수 있을 겁니다.


PS. 스킨의 모양에 따라 편한 위치에 삽입해서 사용하시면 됩니다. 경우에 따라서는 좀 더 이쁘게 보이게 하기위해서 스킨을 좀 더 다듬을 필요가 있을지도 모릅니다.
PS2. 어느 분들이 적용하셨는지 알 방법이 없으므로 사용하신 분들은 덧글 남겨주시거나 관련 포스팅을 하신 경우에는 트랙백을 보내주시기 바랍니다.

이 글과 관련있는 글을 자동검색한 결과입니다 [?]

by 까마귀 | 2008/05/21 14:15 | 잡다한 이야기들 | 트랙백(2) | 핑백(3) | 덧글(17) | Top
트랙백 주소 : http://blog.crows.kr/tb/4371535
☞ 내 이글루에 이 글과 관련된 글 쓰기 (트랙백 보내기) [도움말]
Tracked from 까마귀의 둥지 at 2008/05/21 15:45

제목 : 이글루스에 없는 페이징 기능을 만들어 봤습니다.
관련글: 이글루스에 없는 페이징 기능을 추가해보자. 이글루스에서는 페이징 기능이 없죠. 페이징이 뭐냐고 하면 블로그에서 페이지를 넘어갈 때에 페이지 번호를 선택해서 페이지를 이동하는 겁니다. 위 스샷은 제 블로그에 만들어 붙인 페이징 기능. 그런데 이글루는 글에 임의적으로 고유번호가 매겨져서 등록되기 때문에 따로 탐색할 방법을 못 찾은 관계로 메인 페이지에서만 사용 가능합니다. 카테고리나 태그......more

Tracked from 까마귀의 둥지 at 2008/06/10 13:31

제목 : 이글루스 패이징 기능 스클립트 추가 변동사항
파일을 업로드 해 놓았던 위자드닷컴의 파일박스가 최근 업데이트 후 경로가 일부 변경되어 경로 부분을 수정해야 정상적으로 동작하게 됩니다. 기존의 스클립트를 다음으로 바꾸어 주세요. &lt;!-- 이글루스 페이지 번호 표시 시작 by 까마귀(http://pnpcrow.egloos.com) --&gt; &lt;script a="&lt;&gt;" language="JavaScript" src="http://wzd.c......more

Linked at 혼자 하늘에 떠 있었다 : 페.. at 2008/05/21 22:15

... 스킨도 바뀐듯한 느낌도 들지만그건 별론으로 하고. (뭐냐)http://pnpcrow.egloos.com/4371535 에서 보고 저도 제 블로그에 페이징 기능을 추가했습니다.만 별차이는 없군요.어쨋든 달라진 스킨으로 달라진 기분을 내보자구요. ... more

Linked at 까마귀의 둥지 : 이글루스 페.. at 2008/05/24 15:49

... 관련글 이글루스에 없는 페이징 기능을 만들어 봤습니다. 이글루스에 없는 페이징 기능을 추가해보자.</a><a href="http://pnpcrow.egloos.com/4371535" title=""> 기존에 있던 버전[0.1 test]에서 카테고리나 태그의 글 내용 전체보기를 하게되면 ... more

Linked at 까마귀의 둥지 : 이글루스 페.. at 2008/06/23 14:59

... 관련글 이글루스에 없는 페이징 기능을 만들어 봤습니다. 이글루스에 없는 페이징 기능을 추가해보자. 이글루스 페이징 기능 문제점 일부 수정 이글루스 페이징 기능 스클립트 추가 변동사항 그동안 페이징 기능에서 카테고리나 태그에서 보여지던 ... more

Commented by N_com at 2008/05/21 15:05
오호라 이런 기발한 아이디어가~
Commented by 까마귀 at 2008/05/21 15:12
자기 블로그에서 뒷 페이지 넘어가기도 힘들어서 많이 불편 했었거든요. 순전히 제가 편하려고 만들어본 겁니다...[...]
Commented by 江湖人 at 2008/05/21 17:00
이런 편리한 기능을 제공하여 주시다니...감사합니다.
아무 것도 모른 저는 까마귀 님께서 하라는 대로 했더니...(물론 이글루스 주소는 바꿈)
되네요.

다시 한 번 더 감사합니다.
Commented by 까마귀 at 2008/05/21 20:30
제가 만든 것을 적용해주셔서 감사드립니다. 적용된 것을 가서보니 스킨 디자인이 적용되서 이쁘네요. 저런 것 까지 고려해서 만든건 아니었는데 텍스트 스타일이 적용되니 제가 처음 의도 한것보다 더 잘 나오는 것 같습니다...^^ 그런데 소스코드에서 <!-- --> 은 주석코드 부분으로 이 부분은 궂이 바꾸지 않으셔도 괜찮아요. 제가 만든 소스라는 것을 페이지에 삽입하는 코드에 넣었을 뿐입니다...^^;
Commented by 에피나르 at 2008/05/21 21:16
시간이 없어서 글만 읽고 갑니다.
좋은 정보 감사드립니다.
Commented by 에피나르 at 2008/05/21 22:10
설치완료 했습니다.
깔끔하니 보기좋네요.
그나저나 중간에 살짝 헤매다가 스킨까지 변경해버렸네요;

감사히 쓰겠습니다.
Commented by 까마귀 at 2008/05/21 22:13
블로그에 설치된 것을 보니 스킨도 깔끔하게 정리되어 있고 적용된 상태도 깔끔하고 좋네요.
유용하게써주세요...^^~
Commented by 길시언 at 2008/05/22 10:38
글관리 쪽에서도 이런 게 가능하면 좋겠는데...이글루스에서 해주질 않으니...
하여튼 까마귀님 덕분에 좋은 걸 달았습니다. 감사합니다^^
Commented by 까마귀 at 2008/05/22 11:10
저도 그게 불만이라 만들어 본거거든요.
유용히 써주세요...^^
Commented by 푸른달팽이 at 2008/05/22 10:49
엥;; 스크립트 태그를 넣을 수가 있군요
왜 나는 애드센스 붙이려고 그 많은 삽질을 한거지-.-
저도 붙여봐야겠습니다^^
그리고 스크립트로 장난도 좀 쳐봐야겠네요
감사합니다
Commented by 까마귀 at 2008/05/22 11:13
조금 편법이긴 하지만 이런 방법도 있죠...^^;; 전 img 태그에 innerHTML 시키는게 너무 복잡해 보여서 못 쓰겠더라구요...;;; 그런데 스클립트를 너무 많이 넣다보면 복잡해지거나 페이지가 느려질 수 있습니다. 제 블로그만해도 W위젯하고 코코로 덕분에 이미 페이지 로딩도 많이 느려진 상태거든요. 거기다가 레몬펜 크리로 인해서 스크롤도 느려진...orz
여튼.... 유용하게 써주세요...^^
Commented by 사은 at 2008/07/02 11:10
안녕하세요 까마귀님, 이글루스의 페이지 코드 관련으로 검색을 하다가 만들어주신 스크립트를 보았습니다.
편리함에 그만 사용 들어갔습니다만- 괜찮을까요? 여쭤봅니다. :D;
Commented by 까마귀 at 2008/07/02 11:30
이글루스 사용에 조금이라도 도움이 될까 싶어서 만든 스클립트입니다. 코드 자체만 수정하지 않으신다면 얼마든지 사용하셔도 상관없습니다...^^
Commented by 사은 at 2008/07/02 20:11
감사합니다. ^^ 잘 사용하겠습니다. ^^
Commented by 한라 at 2008/08/27 15:06
안녕하세요.
페이징 기능 추가해보니 참 좋군요. 그전엔 소스 편집이 잘 먹히지 않아서 말 안듣는 스킨이 참 얄미웠는데... 만들어주셔서 감사합니다 ^ㅅ^
Commented by tomC at 2009/01/25 17:34
안녕하세요, 까마귀님.
이번에 새로 스킨을 바꿔보는데 이 페이징 기능이 있으면 훨씬 보기 좋아질 것 같아서
홀딱 업어갑니다. "엄지" 때도 까마귀님 덕분에 무사히 설치할 수 있었는데,
이번에도 신세짐에 인사드립니다.

새해 복 많이 받으세요. ^^
Commented by 까마귀 at 2009/01/27 21:55
도움이 되셔서 다행입니다. 사실 제가 불편해서 만든 것들이거든요. 그냥 공개했을 뿐입니다...:D
새해 복 많이 받으세요.

:         :

:

비공개 덧글