Cara Mudah Pasang Komentar Disqus SEO Friendly Blog

Cara Mudah Memasang Komentar Disqus SEO Friendly Di Blog - Taukah anda dengan komentar Disqus itu, banyak kini para blogger profesional kini sudah mulai memasang komentar disqus di blog contohnya blog kang ismet, kompi ajaib dan yang lainnya, dikarenakan kini komentar disqus sudah mulai diterima oleh blog komentar disqus memiliki tampilan yang cukup bagus dibandingkan komentar bawaan blog dan juga komentar disqus mendukung pula komentar untuk menggunakan akun facebook untuk berkomentar.

Saya juga menggunakan komentar disqus di blog ini, menurut saya memang komentar disqus lebih baik di bandingkan komentar bawaan blog maupun komentar facebook dikarenakan kini komentar disqus sudah mendukung mobile friendly juga kini berkomentar jauh lebih mudah meskipun tidak di depan layar komputer.

Tutorial Memasang Komentar Disqus Di Blog


  1. Terlebih dahulu buka www.disqus.com Klik Login

  2. Silahkan and login dengan aku facebook supaya lebih mudah

  3. Buka https://disqus.com/admin/ Klik Garis 3 Seperti Di Gambar Dan Klik Add new site

  4. Isi Data Blog Anda , Jika Sudah Klik Finish Registration

  5. Setelah Itu Klik Tulisan Blogger Seperti Di Gambar

  6. Setelak Itu Klik Yang Saya Beri Kotak Merah

  7. Terus Anda Pilih Blog Anda Yang Mana Yang Ingin Di Pasang Sesuai Judul Blog Anda Dan Klik Menambahkan Widget

  8. Etch jangan senang dulu masih belum selesai soalnya disqus masih belum sempurna
  9. Buka Blogger and
  10. Klik Edit HTML Template
  11. Cari Kode Di Bawah 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>

  12. Ganti Kode Di Atas Dengan Kode Ini ( Ganti Tulisan SumberAkuka Dengan ID Disqus 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 = 'SumberAkuka'; // 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> 

  13. Taruh Kode Di Bawah Sebelum </body> , Edit Kembali "" Dengan ID Disqus Anda

    <script type="text/javascript">
        /* * * KONFIGURASI: EDIT SEBELUM DITEMPATKAN KE BLOGE * * */
        var disqus_shortname = 'SumberAkuka'; // 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>

  14. Simpan Template Anda
  15. Kini Komentar Disqus Anda Sudah Bisa Di Nikmati
Note:
Jika Ada Masalah Atau Kendala Silahkan Anda Komentar 

Via : Masalahkecil 
Load disqus comments

0 comments