Alternatif Lain Memasang Komentar Disqus Di Blogger

Ditulis oleh: Adhy Suryadi

Ditulis pada: 9/03/2015

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.