Blogger 댓글을 교체하는 방법

Blogger 댓글을 대체하여 사용할 수 있는 옵션은 Disqus 또는 Facebook 두 가지가 있습니다. Disqus의 경우 버튼을 사용하여 댓글을 로드하거나 스크롤하여 댓글을 로드하는 두 가지 옵션이 있습니다.

Disqus 댓글

disqus 댓글을 활성화하려면 disqus_shortname 또는 Disqus ID를 먼저 추가해야 합니다. 오류가 없도록 Disqus 스크립트에 disqus_shortname = "liveblogger"를 추가했습니다.

아래 코드에서 disqus_shortname으로 표시된 부분을 Disqus ID로 교체하세요.

<!--[ Comment disqus ]-->
<b:includable id='post-commentDisqus'>
  <div class='cmDisqus' id='disqus_thread'>
    ...
      <!--[ Delete tag below to change button style ]-->
      ...

      ...
    ...
  </div>
  <script>/*<![CDATA[*/ var disqus_shortname = "liveblogger"; !function(){ ... }(); function load_Comments(){var e=document.getElementById("disqusshow");e.style.display="none";var t="liveblogger";!function(){ ... }; /*]]>*/</script>
</b:includable>

disqus 댓글을 활성화하려면 아래 코드를 찾아 교체하세요.

<!--[ Blogger Comments ]-->
<b:include cond='data:post.allowComments and data:view.isPost and !data:view.isPreview' data='post' name='threadedComments-modifV3'/>

이 코드로 바꿉니다.

<!--[ Disqus Comments ]-->
<b:include cond='data:post.allowComments and data:view.isPost and !data:view.isPreview' data='post' name='post-commentDisqus'/>

Disqus onScroll 댓글

첫 번째 방법에서 사용자가 댓글 버튼을 눌렀을 때 Disqus 댓글이 활성화된다면, onScroll 기능은 사용자가 페이지의 끝까지 스크롤하면 자동으로 댓글이 표시됩니다.

또한 기본 스크립트의 disqus_shortname 또는 Diqus ID를 자신의 ID로 변경해야 합니다.

<!--[ Comment disqus on-scroll ]-->
<b:includable id='post-commentDisqusScroll'>
  ...
    ...
  ...
        
  <!--[ Disqus script ]-->
  <script>...</script>
  <script>/*<![CDATA[*/ function load_disqus( disqus_shortname ) { ... {load_disqus('liveblogger'); console.log('Disqus loaded.'); }}, false); ... }; /*]]>*/</script>
</b:includable>

활성화 방법은 첫 번째 방법과 동일하며 차이점은 name='post-commentDisqusScroll'를 사용하는 name 속성에만 있습니다. 전체 코드는 다음과 같습니다.

<!--[ Disqus Comments on-Scroll ]-->
<b:include cond='data:post.allowComments and data:view.isPost and !data:view.isPreview' data='post' name='post-commentDisqusScroll'/>

---

Facebook 댓글

Facebook 댓글은 Disqus보다 활성화하기가 더 쉽습니다. 다른 부분을 변경하지 않고 아래 코드에 표시된 name='post-commentFB' 부분만 변경하면 됩니다.

<!--[ Blogger Comments ]-->
<b:include cond='data:post.allowComments and data:view.isPost and !data:view.isPreview' data='post' name='threadedComments-modifV3'/>

올바른 적용의 예:

<!--[ Blogger Comments ]-->
<b:include cond='data:post.allowComments and data:view.isPost and !data:view.isPreview' data='post' name='threadedComments-modifV3'/>

<!--[ Facebook Comments ]-->
<b:include cond='data:post.allowComments and data:view.isPost and !data:view.isPreview' data='post' name='post-commentFB'/>

---