Saturday, October 21, 2006

처음-오래된 글-최신 글 Home-Older-Newer

출장을 다녀와서 지메일을 열어보니, 내 블로그를 보고 궁금한 것이 있어 어느 분이 메일을 주셨다.
보내주신 질문인즉은,

글의 퍼머넌트 링크를 클릭하면 아래쪽에,
최근 글(Newer), 오래된 글(Older), 처음(Home),
이런 식으로 되어있는데 어떻게 구현하였는지, 바로 "이전 글"로 가는 것은 잘 알려져 있는데 "이전 글"과 "다음 글"로 모두 갈 수 있는 hack은 보지 못했다는 것이다.

먼저 블로거의 퍼머넌트 링크는 "Posted By 개똥이 at 12:00AM"의 시간부분이다. 포스팅을 한 시간이 영구링크로 되어 있는데, 그 부분을 클릭하면 된다. 블로거 베타(Blogger in Beta)에는 글 제목도 퍼머넌트링크로 역할을 하도록 수정되었다. 따라서 포스팅한 시간을 클릭하지 않고 글 제목만 클릭해도 된다. 다른 블로그 툴에 비해서 이 부분이 아쉬웠던 점이었는데, 간지러운 부분을 해결 주다니. 쌩 유 블로거팀! :)

그럼 질문하신 분에 대한 답변을 어떻게?
이렇게 보냈다.

안녕하세요.

제가 오늘 출장이어서 집에 돌아온 지금에서 보내주신 메일을 보았습니다.
문의하신 사항은 제가 특별한 Hack을 사용하여 고친 것은 아닙니다.
아시는지 모르겠지만 저는 얼마 전에 Blogger in Beta로 스위칭을 하였으며, 블로거 베타에는 기본적으로 글 아래에 Home, Older, Newer가 표시됩니다.
템플릿에서 이것이 표시되는 부분을 한글로 바꿔주면 되는데, 아주 간단하더군요.
다만, 블로거 베타에는 템플릿을 그냥 수정할 경우에는 간단하게 보여주는데, 템플릿을 확장시켜야 자세한 코드를 볼 수 있답니다. 에디트 템플릿 옆에 있는 "Expand Widget Templates"를 클릭하셔야 템플릿이 확장됩니다. 이렇게 템플릿을 확장시켜야 수정할 수 있는 부분이 나타납니다.

어디 수정한 것을 보여드릴까요?

</b:includable>
<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data: widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'>최근 글(Newer)</a>
<!-- expr:title='data:newerPageTitle'><data:newerPageTitle/></a> --> 이 부분은 오리지날 코드를 코멘트 처리한 것입니다. 나중에 쓸 일이 있을까 해서요.
</span>
</b:if>

<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'>오래된 글(Older)</a>
<!-- expr:title='data:olderPageTitle'>"<data:olderPageTitle/></a> -->
</span>
</b:if>

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'>처음(Home)</a>
<!-- <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a> -->
</b:if>

</div>
<div class='clear'/>
</b:includable>

블로거 베타로 전환하고 나니 여러 가지 편리한 점이 있더군요.
엮인 글을 보여주는 Link to This Post가 잘 되고요. 무엇보다도 레이블을 지정하여 쓸 수 있다는 점입니다. 저는 레이블을 태그와 같이 사용하고 있으며, 제 블로그 사이드바에 드롭다운박스로 사용하고 있답니다. 최근 블로거 버즈에 올라온 소식에 따르면 Edit Posts에서 한꺼번에 레이블을 붙이거나 삭제할 수 있는데, 정말 그렇더군요. 더우기 글을 쓰고 올리는 시간, 퍼블리싱 시간이 순간적으로 이루어지더군요. 정말 나이스입니다.

도움이 되었는지 모르겠습니다.
별다른 특별한 기술이 없어서 실망하셨는지요. ^^
자바스크립트나 HTML 등을 모르지만 욜심히 쳐다보면서 블로거를 사용하는, 저도 소시민입니다.

일교차가 심한 요즘입니다. 몸 건강하시고, 즐거운 블로깅하시기 바랍니다.
감기약 먹을 시간입니다.
약 먹은 사람이 쓰는 글이 되었나요. ^^

4 comments:

  1. 베타가 아주 좋더군요.점점 조게 변하는듯

    ReplyDelete
  2. Wastemind님/ 네 저도 베타에 이주하고 한서 만족스럽게 사용하고 있답니다.
    트랙백등 다른 블로거들하고 소통하는 부분은 없지만, 그리 불편하지는 않구요.

    ReplyDelete
  3. 근데 베타 블로거에서 문제점을 하나 발견했습니다.
    지저깨비님 블로그에 보면 Snap 기능을 쓰시죠?
    저도 그걸 적용해봤는데.. 이전글 버튼을 눌러서 해보면 안되더군요.
    혹시나 싶어서 지저깨비님 블로그도 해봤는데 역시 안됩니다.
    이전글 링크를 눌러선 자바스크립트가 로딩이 안되나봅니다.
    템플릿 HTML 수정을 통해서 알아보고는 있지만.. 아직이군요 ㅋㅋ
    혹시 알게 되시면 방법좀 가르쳐 주세요~ ^^
    즐거운 하루 되시길 바랍니다!

    ReplyDelete
  4. jaemini님. 알고 있지만, 어떻게 수정해야 하는지 모르겠네요. 혹시 알게 되면 글 올리도록 하겠습니다. ^^

    ReplyDelete