How To Integrate Disqus Into Blogger Dynamic Views

Blogger, HTML, JavaScript
Disqus, Featured, Posts

Read 0 times.

Table of Contents

Disqus works in normal Blogger template but won’t work in Dynamic Views because it don’t support HTML/Javascript widget. But you can edit the contents in head tag of Template and I found a way to integrate the Disqus commenting system in to Blogger. I’m gonna show you how to do that.

DEMO

Works On

  1. Sidebar
  2. Classic
  3. Flipcard
  4. Magazine
  5. Mosaic
  6. Snapshot
  7. Timeslide

Disadvantages

On Classic Templates Disqus will only be available for the first post, because they won’t allow you to put more than 1 Disqus Comment box on a page

Dependencies

  1. Sharing buttons below posts should be Enabled
  2. Google + Comments should be hidden
  3. Blogger Default Comments should be hidden

Current Version

Updated on 2017 July 29.

First of all go to Blogger -> Settings -> **Posts and Comments **and change the **Comment Location **option to Hide. If you enabled Google + Comments, Please disable that too.

You have two options :

  • Include the code below in "Text/JavaScript" widget of Blogger
  • Include the code below in your Blogger Template

Go to Blogger -> Template -> Edit HTML and Paste the following code before </head> :

<script type='text/javascript'>
/**
 * Disqus in Blogger Dynamic views integrated by Subin Siby [http://goo.gl/jPb8TR]
 */
window.disqus_shortname = "example"; // required: replace example with your forum shortname
var d = document, o = d.createElement("script"); o.type = "text/javascript", o.async = true, o.src = "https://lab.subinsb.com/projects/Francium/dibd/load.min.js";
d.getElementsByTagName('head')[0].appendChild(o);
</script>

Replace the yellow color background text example in the above code with your Disqus shortname. Example: subinsdemos from subinsdemos.disqus.com.

It’s that simple. Your blog posts will now have a Disqus comment box. Enjoy !!

  • UPDATE : "2015-07-14" The Sidebar first post problem has been fixed.
  • UPDATE : "2015-09-24" An Improved version was released.
  • UPDATE : "2016-02-05" Fixed bugs. Thanks Spikeren.
  • UPDATE : "2017-07-29" Changed URL to HTTPS. Thanks Transmission Radio.
  • UPDATE : "2019-11-07" Fixed bug in code display. Thanks Amber.

If you have any problems/suggestions/feedback just comment in Disqus below.