블로거 댓글창이 안보일 때 & 구글+ 댓글 연동하기

 블로거 플랫폼을 이용해서 블로그를 운영중이다. 얼마전 블로그의 템블릿 레이아웃을 교체 하였다. 그 동안 기본 템플릿을 조금 변형해 사용하다 처음으로 사용자 정의 템플릿을 이용하게 되었다. 다양한 형태의 레이아웃 중에서 깔끔한 형태의 Blue Blogger Template 을 적용하기로 했다.
Blue Blogger Template : 데모사이트, 다운로드

 템플릿은 관리자 페이지에서 적용가능하다.
템플릿 -> 백업 및 복원 -> xml 파일 업로드
 해당 템플릿을 적용하던 중 댓글이 표시되지 않는 문제가 발생했다. 원인을 찾아보니, 구글+ 댓글 연동기능을 사용할 경우, 문제가 생길수 있다고 한다.
Google+ -> 이 블로그에서 Google+ 댓글 사용 체크 해지
  구글+ 댓글 기능을 사용하려면 어떻게 해야할까? 아래의 링크를 타고 들어가서 해결 할 수 있다.
Blogger용 Google+ 관리 https://support.google.com/blogger/answer/1752748?hl=ko
 먼저, 템플릿을 백업한다. 템플릿 -> HTML편집에서 다음의 코드를 찾는다. Ctrl + f 기능을 이용해서 찾을 수 있다.
<b:if cond='data:post.includeAd'>
 위 코드가 발견된 곳의 바로 위에 다음의 코드가 있을 것이다.
<b:if cond='data:blog.pageType == &quot;item&quot;'>
 위 코드가 있는 부분을 다음과 같이 수정한다. 파란색 코드는 구글+ 댓글을 표시해주는 코드로써 추가할 코드이다. 붉은색 코드는 블로거 댓글을 표시해주는 코드로써 삭제할 코드이다.
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  <div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl' expr:data-viewtype='data:post.viewType'/>
  <b:if cond='data:post.showThreadedComments'>
    <b:include data='post' name='comments'/>
  <b:else/>
    <b:include data='post' name='comments'/>
  </b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
  <div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl' expr:data-viewtype='data:post.viewType'/>
  <b:if cond='data:post.showThreadedComments'>
    <b:include data='post' name='comments'/>
  <b:else/>
    <b:include data='post' name='comments'/>
  </b:if>
</b:if>
 블로거 관리 페이지에서 Google+ -> '이 블로그에서 Google+ 댓글 사용'을 체크 한다. 붉은색과 파란색 코드가 모두 존재할 경우 문제가 발생 할 수 있다. 블로거 댓글 기능을 다시 사용하기 위해선 붉은 색 코드를 원복하면 된다.

댓글 쓰기