1. 먼저 실험사이트에 접속한후 로긴한다.

구글 블로그를 사용하면서 가장 눈에 거슬렸던 몇몇 기능중 하나는 바로 코멘트 기능이다.

대부분의 다른 블로그에서 제공하는 인라인 코멘트 기능 대신 구글 블로그는 새로운 페이지로 가거나 아니면 새 윈도우를 띄어 그곳에 코멘트를 달아왔다. 이외에도 한국에서는 일반적인 trackback 기능등도 구글 블로그에 없던차에 티스토리 같은 곳으로 집을 옮길까 고민중에 있었다.

하지만 지난 6/26 구글은 본 인라인 코멘트 기능을 다른 몇가지 추가 기능과 함께 구글 블로그 실험 싸이트에 공개하였다.

이제 내 구글 블로그에 인라인 코멘트 기능을 추가하는 방법에 대해 함께 알아보도록 하자.


1. 먼저 실험사이트에 접속한후 로긴한다.



2. Settings | Comments | Comment Form Placement 에서 Embedded below post를 선택후 저장한다.



3. 그리고 내 블로그에서 comment 부분이 아래와 같이 인라인으로 보여지는지 확인한다.



일반적으로 구글에서 제공되어지는 기본 템플릿은 이 옵션 변경만으로도 인라인 코멘트가 가능하나, 필자와 같이 외부 템플릿을 사용하는 경우 아래와 같이,추가 작업이 필요하다.

물론 위와 같이 해도 인라인 코멘트가 보이지 않는다면 아래의 방법대로 하면 된다.

4. Layout | Edit HTML | Download Full Template에서 현재 template을 개인 PC에 저장한후 복사본을 만들어 원본은 보관한다.



5. 다운로드 받은 XML 템플릿을 사용하는 에디터등으로 오픈하여 "data:postCommentMsg" 부분을 찾는다.

<p class='comment-footer'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</p>

6. 상기 코드대신 아래 코드로 덮어 씌운후 저장한다.

<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'><b:include data='post' name='comment-form'/>
<b:else/><b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if></b:if>
</p>

7. 저장된 XML 파일을 블로그에 업로드한후 내 블로그의 comment 부분을 확인한다.

8. 마지막 팁 하나 더
Recent Comments에 나오는 comment를 클릭했을때, 현재는 해당 comment가 올라가 있는 Post페이지로 가지만 아래와 같이 하게 되면 해당 페이지 아래 부분의 방금 클릭한 comment로 가게 된다.

아래 code처럼 "comment-" 부분에서 "c" 만 남겨놓고 지우고 저장하면 된다.

<a expr:name='"comment-" + data:comment.id'/>

<a expr:name='&quot;c&quot; + data:comment.id'/>