Pada Postingan sebelumnya telah saya jelaskan bagaimana cara memasang komentar disqus. Seperti yang pernah saya alami, kadang-kadang komentar disqus tidak muncul pada postingan. Bagaimana solusinya?



1. Login ke Dasbor Blogger anda
2. Backup Template anda demi keamanan takut terjadi error
3. Hapus widget (apabila anda telah menginstall widget)
4. Kembali ke Edit HTML > centang Expand Template Widget
5. Cari kode dibawah ini, (untuk mempermudah gunakan ctrl+F)

<b:includable id='comments' var='post'>
  <div class='comments' id='comments'>
    <a name='comments'/>
    <b:if cond='data:post.allowComments'>
      <h4>
        <b:if cond='data:post.numComments == 1'>
          1 <data:commentLabel/>:
        <b:else/>
          <data:post.numComments/> <data:commentLabelPlural/>:
        </b:if>
      </h4>

      <b:if cond='data:post.commentPagingRequired'>
        <span class='paging-control-container'>
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
          &#160;
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
          &#160;
          <data:post.commentRangeText/>
          &#160;
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
          &#160;
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
        </span>
      </b:if>

      <div expr:id='data:widget.instanceId + &quot;_comments-block-wrapper&quot;'>
        <dl expr:class='data:post.avatarIndentClass' id='comments-block'>
          <b:loop values='data:post.comments' var='comment'>
            <dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
              <b:if cond='data:comment.favicon'>
                <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
              </b:if>
              <a expr:name='data:comment.anchorName'/>
              <b:if cond='data:blog.enabledCommentProfileImages'>
                <data:comment.authorAvatarImage/>
              </b:if>
              <b:if cond='data:comment.authorUrl'>
                <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
              <b:else/>
                <data:comment.author/>
              </b:if>
              <data:commentPostedByMsg/>
            </dt>
            <dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
              <b:if cond='data:comment.isDeleted'>
                <span class='deleted-comment'><data:comment.body/></span>
              <b:else/>
                <p>
                  <data:comment.body/>
                </p>
              </b:if>
            </dd>
            <dd class='comment-footer'>
              <span class='comment-timestamp'>
                <a expr:href='data:comment.url' title='comment permalink'>
                  <data:comment.timestamp/>
                </a>
                <b:include data='comment' name='commentDeleteIcon'/>
              </span>
            </dd>
          </b:loop>
        </dl>
      </div>

      <b:if cond='data:post.commentPagingRequired'>
        <span class='paging-control-container'>
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
            <data:post.oldestLinkText/>
          </a>
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
            <data:post.olderLinkText/>
          </a>
          &#160;
          <data:post.commentRangeText/>
          &#160;
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
            <data:post.newerLinkText/>
          </a>
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
            <data:post.newestLinkText/>
          </a>
        </span>
      </b:if>

      <p class='comment-footer'>
        <b:if cond='data:post.embedCommentForm'>
          <b:if cond='data:post.allowNewComments'>
            <b:include data='post' name='comment-form'/>
          <b:else/>
            <data:post.noNewCommentsText/>
          </b:if>
        <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>
    </b:if>
    <b:if cond='data:showCmtPopup'>
      <div id='comment-popup'>
        <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
        </iframe>
      </div>
    </b:if>

    <div id='backlinks-container'>
    <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
       <b:if cond='data:post.showBacklinks'>
         <b:include data='post' name='backlinks'/>
       </b:if>
    </div>
    </div>
  </div>
</b:includable>

6. Ganti kode di atas dengan kode ini (ganti contoh dengan id anda):

<b:includable id='comments' var='post'>
<div id="disqus_thread"></div>
<script type="text/javascript">
/* * * KONFIGURASI: EDIT SEBELUM DITEMPATKAN KE BLOG * * */
var disqus_shortname = 'contoh'; // PENTING: ganti contoh dengan id disqus anda

/* * * JANGAN DIEDIT KODE DIBAWAH INI * * */
(function() {
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = 'http://' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
})();
</script>
<noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
</b:includable> 

7. Simpan kode ini sebelum </body>, edit kembali 'contoh' dengan id anda

<script type="text/javascript">
    /* * * KONFIGURASI: EDIT SEBELUM DITEMPATKAN KE BLOGE * * */
    var disqus_shortname = 'contoh'; // PENTING: ganti contoh dengan id disqus anda

    /* * * JANGAN DIEDIT KODE DIBAWAH INI * * */
    (function () {
        var s = document.createElement('script'); s.async = true;
        s.type = 'text/javascript';
        s.src = 'http://' + disqus_shortname + '.disqus.com/count.js';
        (document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
    }());
</script>

8. Simpan Template anda.

Sekarang Komentar Disqus anda sudah siap.Masih ada error? Silahkan berbagi di sini.

11 komentar

tutor yang menarik Kang :)
Kalau boleh tanya, ada tutor ga buat modif komentar disqus ?

Balas

Makasih atas tutorial ini, dengan tutorial anda akan mempermudah saya

Balas

gak bisa kang..,, mohon bantuannya, langsung comment aja kang kalo bisa di www.iconine.com

Balas

saya udah komen... bisa ko :)

Balas

mas, cara mengilangkan iklan diatas kolom komentar gmn?

Balas

Kang ismet Arigato Gozaimasu :) work 100%

Balas

wah gila ini blog templatenya keren abis simple tapi berkelas

Balas

untung saya ga gila, cuma templatenya aja :D

Balas

kang blog saya juga kadang muncul komentar disqusnya tapi kadang juga tidak, kebetulan sy pake 3 komentar langsung (fb, blogger sma disqus), gimana ya?

tolong kunjungannya ya di indoneseo.com

Balas

Makasih tutorial nya kang :D
udah di terapin tapi komen box tetep kadang muncul kadang engga kang ._.
bisa tolong di cek: http://virtualmono.blogspot.com

Sekalian mau nanya juga, disqus di hapus, komentar blog kan balik lagi ke awal.
Nah tapi komentar2 di disqus ilang, gmna cara masukin data komentar di disqus ke komentar di bawaan blogger?

Balas

kang punya saya ga ada kode yang harus dicarinya.
disqusnya juga cuma keluar kalo lewat versi mobile

Balas

Poskan Komentar


×
Chat