Cara Membuat Komentar Disqus Onclick Load

Cara Membuat Komentar Disqus Onclick Load - Pada kali ini kita akan membuat komentar disqus onclik load atau membuat komentar disqus dengan tombol show hide. Membuat komentar disqus dengan sistem onclick tentu lebih ringan dari biasanya dan tidak membuat loading blog menjadi lambat. Bagi yg ingin membuat komentar disqus onclick load, simak langkah berikut. Baca juga cara memasang komentar disqus di blog.

Script Komentar Disqus Onclick

• Login akun blogger.
• Klik template.
• Klik Edit HTML.
• Pastekan script dibawah ini, diatas </head>.

<script type='text/javascript'>
var disqus_shortname = &#39;USERNAME-DISQUS&#39;;
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>

Script Komentar Disqus Onclick

• Masuk ke blogger.
• Klik menu template.
• Pilih Edit HTML.
• Cari <div class='comments' id='comments'>.
• Pastekan script berikut dibawahnya. Jika ada 2, pastekan pada keduanya.

<script>
var disqus_loaded = false;
function load_disqus()     { if (!disqus_loaded)  {
disqus_loaded = true;var e=document.getElementById("disqus-comments");e.style.display="none";var dsq = document.createElement(&#39;script&#39;); dsq.type = &#39;text/javascript&#39;; dsq.async = true;dsq.src = &quot;http://tapike.disqus.com/blogger_item.js&quot;;       (document.getElementsByTagName(&#39;head&#39;)[0] || document.getElementsByTagName(&#39;body&#39;)[0]).appendChild(dsq);var ldr = document.getElementById(&#39;disqus_loader&#39;);       ldr.parentNode.removeChild(ldr);}}
</script>

Script Komentar Disqus Onclick

• Login ke blogger.
• Klik template.
• Klik Edit HTML.
• Pastekan script dibawah ini, diatas </body>.

<script type='text/javascript'>
(function() {
var bloggerjs = document.createElement(&#39;script&#39;);
bloggerjs.type = &#39;text/javascript&#39;;
bloggerjs.async = true;
bloggerjs.src = &#39;//&#39;+disqus_shortname+&#39;.disqus.com/blogger_index.js&#39;;
(document.getElementsByTagName(&#39;head&#39;)[0] || document.getElementsByTagName(&#39;body&#39;)[0]).appendChild(bloggerjs);
})();
</script>

CSS Komentar Disqus Onclick

• Login blogger.
• Klik template.
• Klik Edit HTML.
• Pastekan script dibawah ini, diatas ]]></b:skin>.

#comments {display:none;}
#disqus-comments {
    cursor: pointer;
    border: 1px solid #f3f3f3;
    padding: 10px;
    text-align: center;
    font-size: 15px;
}

HTML Komentar Disqus Onclick

• Masuk ke blogger.
• Klik menu template.
• Pilih Edit HTML.
• Cari <div class='comments' id='comments'>.
• Pastekan script berikut diatasnya. Jika ada 2, pastekan diatas keduanya.

<div id='disqus-comments' onclick='load_disqus();return false;' title='Comments with Disqus'>Load Komentar Disqus</div><div class='clear'/>

Setelah semua selesai jangan lupa simpan template. Demikianlah postingan saya mengenai cara membuat komentar disqus onclik load atau membuat komentar disqus dengan tombol show hide. Semoga artikel ini dapat bermanfaat bagi kita semua. Jangan lupa like, share dan berkomentar.