Senin, 12 September 2011

Mengatasi Komentar Disqus Yang Tidak Tampil di Blog

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.

14 komentar

Silahkan berkomentar seusuai dengan tema Artikel di atas.
avatar

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

avatar

Makasih atas tutorial ini, dengan tutorial anda akan mempermudah saya

avatar

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

avatar

saya udah komen... bisa ko :)

avatar

mas, cara mengilangkan iklan diatas kolom komentar gmn?

avatar

Kang ismet Arigato Gozaimasu :) work 100%

avatar

wah gila ini blog templatenya keren abis simple tapi berkelas

avatar

untung saya ga gila, cuma templatenya aja :D

avatar

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

avatar

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?

avatar

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

avatar
avatar
avatar

mas, kalau text comment gak kelihatan contoh mas, comment berwarna latar, jadi tidak kelihatan mas tulisan comment

Komentar yang menyertakan link aktif, iklan, atau titip link, akan dimasukan ke folder SPAM.
Untuk pertanyaan di luar topik artikel silahkan kik OOT (apabila dipertanyakan di sini, mohon maaf apabila tidak dibalas).

Konversi KodeForum

Batal
Terima kasih telah berkomentar
 
SSH Gratis
close