Wednesday, October 8, 2008

레이블을 기준한 관련글 위젯 설치



또, 새벽에 일찍 눈이 떠져서 일찍 사무실에 나왔다. 일을 하기도 그렇고 해서 묵혀 두었던 블로그를 손을 보았는데, 오늘은 레이블을 기준으로 하여 블로그 내의 관련글을 보여주는 Hoctro의 'Related Articles'위젯을 설치했다.


이 위젯을 설치하는 전에 블로그의 설정을 다음과 같이 수정해야 한다.
  • 대시보드 -> 설정 -> 피드 탭 -> 블로그 피드 허용 -> '전체' 또는 '짧게'로 설정한다.
  • 대시보드 -> 설정 -> 보관 탭 -> 게재 페이지를 활성화하시겠습니까? -> '예'로 설정해야 한다.
  • 대시보드 -> 레이아웃 -> HTML 편집 -> 전체 템플릿 다운로드를 하여 템플릿을 백업을 받아둔다.
그리고 'Archived Post: How To Modify the Blogger Template - The Core Javacript Library for JSON Widgets'의 'II. Installing the core Javacript library object'에 있는 코드를 </b:skin>과 </head>사이에 복사하여 붙여넣기를 한다.

다음으로 템플릿에서 'b:widget'이 있는 항목 사이에 'Improved "Related Articles" Widget'의 박스 안에 있는 코드를 복사하여 붙여넣기를 하고 저장을 한다. 저장하고나서 위젯의 위치는 대시보드 -> 레이아웃 -> 페이지요소에서 원하는 위치로 수정할 수 있다. (블로거닷컴의 이 점이 너무 좋다.)


위와 같이 하여 관련글 위젯을 설치하면 블로그 페이지에 Related Articles라는 항목을 볼 수 있다. 개별 글 페이지에서만 관련글을 보고자 한다면 다음과 같이 코드를 수정해야 하는데,

먼저, 아래 코드를 찾아서,
<!-- *****************http://hoctro.blogspot.com*****Sep,2008********** -->
<!-- ***Related Articles by Labels Written by Hoctro- Take Three******* -->
<!--<b:if cond='data:blog.pageType == "item"'>-->


아래와 같이 수정을 한다.
<b:if cond='data:blog.pageType == "item"'>


그리고, 코드 아래쪽에 있는 <!--</b:if>-->를, </b:if>로 수정한다.


개별 페이지를 보면 알겠지만, 이 위젯은 글에 있는 레이블 수량 및 표시될 관련글의 수를 조정할 수 있는데, 이에 대한 자세한 사항은 'Improved "Related Articles" Widget' 글 끝에 있는 변수 조정에 관한 사항을 참고하면 되겠다.


멋진 위젯을 만들어, 값없이 제공한 Hoctro에게 감사를 :)

2 comments:

  1. 저도 만들어 볼래요. :)

    ReplyDelete
  2. 멀뚱이님도 구글 블로거닷컴을 사용하고 계시네요.
    블로거닷컴을 사용하는 분을 뵈면 반갑더라구요. :)

    ReplyDelete