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.

10 komentar

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

Makasih atas tutorial ini, dengan tutorial anda akan mempermudah saya

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

saya udah komen... bisa ko :)

mas, cara mengilangkan iklan diatas kolom komentar gmn?

Kang ismet Arigato Gozaimasu :) work 100%

wah gila ini blog templatenya keren abis simple tapi berkelas

untung saya ga gila, cuma templatenya aja :D

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

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?

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 KodeOOT & Request Tutorial

Batal
Terima kasih telah berkomentar
 
Pray for Adhy's son
Mohon dukungan do'a dari sahabat blogger, untuk kesembuhan anak dari Adhy 'KompiAjaib' Suryadi DISINI

Untuk Donasi, silahkan kunjungi link INI
close