At this time we will make comments Disqus onclick event or make a comment Disqus buttons Show/hide. Make Disqus comments with onclick event is certainly lighter than usual and did not create a blog to be slow loading. For those who want to make a comment Disqus onclick load, consider the following steps.
Script Comments Disqus onclick
- Login blogger account.
- Click the template.
- Click Edit HTML.
- Paste the following script, above the </ head>.
<Script type = 'text / javascript'>
var disqus_shortname = 'USERNAME-DISQUS';
disqus_blogger_current_url var = & quot; <data: blog.canonicalUrl /> & quot ;;
if (! disqus_blogger_current_url.length) {
disqus_blogger_current_url = & quot; <data: blog.url /> & quot ;;}
disqus_blogger_homepage_url var = & quot; <data: blog.homepageUrl /> & quot ;;
disqus_blogger_canonical_homepage_url var = & quot; <data: blog.canonicalHomepageUrl /> & quot ;;
</ Script>
Script Comments Disqus onclick
- Log in to blogger.
- Click the menu template.
- Choose Edit HTML.
- Search <div class = 'comments' id = 'comments'>.
- Paste the following script underneath. If there are two, paste on both.
<Script>
var disqus_loaded = false;
load_disqus function () {if (! disqus_loaded) {
disqus_loaded = true; var e = document.getElementById ( "Disqus-comments"); e.style.display = "none"; var DSQ = document.createElement ( 'script'); dsq.type = 'text / javascript'; dsq.async = true; dsq.src = & quot; http: //tapike.disqus.com/blogger_item.js" ;; (Document.getElementsByTagName ( 'head') [0] || document.getElementsByTagName ( 'body') [0]). AppendChild (DSQ); var & Calendar = document.getElementById ( 'disqus_loader'); ldr.parentNode.removeChild (& Calendar);}}
</ Script>
Script Comments Disqus onclick
- Login to blogger.
- Click the template.
- Click Edit HTML.
- Paste the following script, above the </ body>.
<Script type = 'text / javascript'>
(Function () {
bloggerjs var = 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>
CSS Comments Disqus onclick
- Login blogger.
- Click the template.
- Click Edit HTML.
- Paste the following script, above]]> </ b: skin>.
#comments {display: none;}
# Disqus-comments {
cursor: pointer;
border: 1px solid # f3f3f3;
padding: 10px;
text-align: center;
font-size: 15px;
}
HTML Comments Disqus onclick
- Log in to blogger.
- Click the menu template.
- Choose Edit HTML.
- Search <div class = 'comments' id = 'comments'>.
- Paste the following script on it. If there are 2, paste the above two.
<Div id = 'Disqus-comments' onclick = 'load_disqus (); return false;' title = 'Comments with Disqus'> Load Comments Disqus </ div> <div class = 'clear' />
After all finished be sure to save the template. So my post about how to create a Disqus comment onclick event or make a comment Disqus buttons show/hide. Hopefully this article can be useful for us all. Do not forget to like, share and comment.