Cara Memasang Komentar Disqus di Blogger Valid HTML5

Komentar merupakan salah satu fitur utama yang harus dimilliki agar blog/website menjadi interaktif. Namun terkadang dalam beberapa kasus kotak komentar yang disediakan secara default agak kurang menarik, mungkin karena itulah beberapa pengembang (pihak ketiga) menyediakan layanan form komentar yang dapat diintegrasikan dengan beberapa servis blog, salah satunya adalah komentar Disqus for Blogger.

Saat ini Disqus merupakan salah satu layanan komentar for blogger yang sedang populer di gunakan oleh para blogger, selain google + dan facebook. Awalnya saya sempat berfikir dengan menggunakan Disqus akan membuat loading blog akan menjadi lambat/lelet alias lemot.

Memasang Komentar Disqus di Blogger

Namun, saya melihat hampir seluruh blogger populer dengan traffik tinggi juga menggunakan Disqus untuk form komentar blognya, sehingga membuat saya juga untuk tanpa ragu menggunakan Disqus di blog saya.

sekarang saya akan membagikan sedikit tips sederhana bagaimana cara memasang komentar disqus di Blogger, tentunya tidak akan memberatkan loding blog Anda dan tetap Valid HTML5. Baiklah,,, langsung saja ke TKP.

Cara Jitu Memasang Komentar Disqus di Blogger Valid HTML5:

1. Login ke akun blogger anda lalu menuju ke menu Template >> HTML
2. Copy kode berikut ini, lalu pastekan tepat di atas kode </body>
   

   <script type='text/javascript'>
       var disqus_shortname = 'USERNAME-BLOG-ANDA';
       var disqus_blogger_current_url = "<data:blog.canonicalUrl/>";
       if (!disqus_blogger_current_url.length) {
           disqus_blogger_current_url = "<data:blog.url/>";
       }
       var disqus_blogger_homepage_url = "<data:blog.homepageUrl/>";
       var disqus_blogger_canonical_homepage_url = "<data:blog.canonicalHomepageUrl/>";
   </script>
   <b:if cond='data:blog.pageType == "item"'>
       <script type='text/javascript'>
           (function() {
               var bloggerjs = document.createElement('script');
               bloggerjs.type = 'text/javascript';
               bloggerjs.async = true;
               bloggerjs.src = '//'+disqus_shortname+'.disqus.com/blogger_item.js';
               (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(bloggerjs);
           })();
        </script>
   </b:if>
       <script type='text/javascript'>
           (function() {
               var bloggerjs = document.createElement('script');
               bloggerjs.type = 'text/javascript';
               bloggerjs.async = true;
               bloggerjs.src = '//'+disqus_shortname+'.disqus.com/blogger_index.js';
               (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(bloggerjs);
           })();
       </script>

   Ganti USERNAME-BLOG-ANDA dengan username blog sobat.
3. Sebenar sampai disini sudah cukup, namun komentar blogger akan muncul dulu sebelum ditutup oleh komentar disqus. Agar komentar blogger tidak muncul tambahkan kode display: none; pada #comments. Contohnya:

Demikian tips singkat cara memasang komentar disqus valid HTML5 di Blogger.

Referensi:
blog.kangismet.net