Alternatif Lain Memasang Komentar Disqus Di Blogger

Alternatif Lain Memasang Komentar Disqus Di Blogger

Bola Hero Gawai

Alternatif Lain Memasang Komentar Disqus Di Blogger

Alternatif Lain Memasang Komentar Disqus Di Blogger
Ada banyak cara untuk mengimplementasikan kode sebuah widget di Blogger, salah satunya yaitu cara menyimpan kode komentar Disqus. Jika mengikuti petunjuk dari halaman Disqus, maka kode komentarnya disimpan di gadget sidebar blog. Jika ingin valid HTML5, maka Anda bisa mengikuti cara memasang komentar Disqus di postingan ini.

Baca juga: Kini Disqus Sudah Kembali Bisa Import Komentar Blogger

Dan jika Anda ingin mencoba alternatif lain cara memasang komentar Disqus dan tetap valid HTML5, silahkan ikuti langkah-langkahnya di bawah ini.

Silahkan copy kode di bawah ini


            <b:includable id='disqus-comment' var='post'>
            <script type='text/javascript'>
                var disqus_blogger_current_url = &quot;<data:blog.canonicalUrl/>&quot;;
                if (!disqus_blogger_current_url.length) {
                    disqus_blogger_current_url = &quot;<data:blog.url/>&quot;;
                }
                var disqus_blogger_homepage_url = &quot;<data:blog.homepageUrl/>&quot;;
                var disqus_blogger_canonical_homepage_url = &quot;<data:blog.canonicalHomepageUrl/>&quot;;
            </script>
            </b:includable>

Dan silahkan simpan kode di atas yang Anda copy tadi di bawah kode berikut:


            <b:includable id='comments' var='post'>
            ..............
            ..............
            </b:includable>

Sehingga penampakannya akan seperti di bawah ini:


            <b:includable id='comments' var='post'>
            ..............
            ..............
            </b:includable>
            <b:includable id='disqus-comment' var='post'>
            <script type='text/javascript'>
                var disqus_blogger_current_url = &quot;<data:blog.canonicalUrl/>&quot;;
                if (!disqus_blogger_current_url.length) {
                    disqus_blogger_current_url = &quot;<data:blog.url/>&quot;;
                }
                var disqus_blogger_homepage_url = &quot;<data:blog.homepageUrl/>&quot;;
                var disqus_blogger_canonical_homepage_url = &quot;<data:blog.canonicalHomepageUrl/>&quot;;
            </script>
            </b:includable>


Kemudian simpan kode di bawah ini di atas kode </body>


<script type='text/javascript'>
var disqus_shortname = &quot;kompiajaib&quot;;
!function(){var e=document.createElement(&quot;script&quot;);e.type=&quot;text/javascript&quot;,e.async=!0,e.src=&quot;//&quot;+disqus_shortname+&quot;.disqus.com/blogger_index.js&quot;,(document.getElementsByTagName(&quot;head&quot;)[0]||document.getElementsByTagName(&quot;body&quot;)[0]).appendChild(e)}();
</script>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type='text/javascript'>
!function(){var e=document.createElement(&quot;script&quot;);e.type=&quot;text/javascript&quot;,e.async=!0,e.src=&quot;//&quot;+disqus_shortname+&quot;.disqus.com/blogger_item.js&quot;,(document.getElementsByTagName(&quot;head&quot;)[0]||document.getElementsByTagName(&quot;body&quot;)[0]).appendChild(e)}();
</script>
</b:if>

Ganti kode kompiajaib dengan username Disqus blog Anda.

Kemudian untuk menghilangkan komentar Blogger, silahkan tambahkan kode display:none pada CSS #comments seperti berikut:


#comments{....................;display:none}

Dan terakhir, untuk menyimpan dan menampilkan komentar Disqus di halaman postingan silahkan cari kode di bawah ini atau yang mirip seperti itu:


            <b:includable id='comments' var='post'>
             <div class='comments' id='comments'>

Kemudian simpan kode di bawah ini tepat di bawah kode di atas.


<b:include data='post' name='disqus-comment'/>

Sehingga penampakannya akan seperti di bawah ini:


            <b:includable id='comments' var='post'>
             <div class='comments' id='comments'>
<b:include data='post' name='disqus-comment'/>
................
................
</b:includable>

Selesai, sekarang silahkan save edit HTML blog Anda.

Dengan cara di atas, Anda tidak perlu lagi memasang count.js dari Disqus jika Anda ingin menampilkan jumlah komentar di halaman depan untuk setiap postingannya. Yang Anda perlukan hanyalah kode untuk menampilkan jumlah komentar Disqus di halaman depan.

Silahkan gunakan kode di bawah ini untuk menampilkan jumlah komentar Disqus;


<a expr:href='data:post.url + &quot;#disqus_thread&quot;' title='Comments Count'/>

Selamat mencoba.

Share this:

Share this with short URL: Get Short URL loading short url

You Might Also Like:

Disqus
Blogger
Pilih Sistem Komentar Yang Disukai

0 Comment

Add Comment

Komentar dengan link promo akan masuk spam.

Gunakan konversi tool jika ingin menyertakan kode atau gambar.


image
How to style text in Disqus comments Top Disqus Commentators
  • To write a bold letter please use <strong></strong> or <b></b>.
  • To write a italic letter please use <em></em> or <i></i>.
  • To write a underline letter please use <u></u>.
  • To write a strikethrought letter please use <strike></strike>.
  • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>.
    And use parse tool below to easy get the style.
Show Parser Box

How to get ID DISQUS - http://disq.us/p/[ID DISQUS] - lihat di sini

strong em u strike
pre code pre code spoiler
embed

Like Kompi Ajaib? Keep us running by whitelisting Kompi Ajaib in your ad blocker.

This is how to whitelisting Kompi Ajaib in your ad blocker.

Thank you!

×
×
×