Blogr-AMP for Disqus Comments

Theme Version: 1-0-0 & below...

Use of DISQUS comments system for Blogr-AMP Blogger template framework to replace default Blogger comments which has been disabled when AMP HTML is used.

Reference here includes Blogr-AMP settings, how to register a new DISQUS account & attached to an existing Blogger blog. Shows how to import existing Blogger comments to DISQUS using the one click import.

Location

---

Template HTML

var disqus_shortname = 'DISQUS_SHORTNAME';

• Theme variable to attach DISQUS shortname settings
• Replace DISQUS_SHORTNAME with the unique ID/name setup at DISQUS dashboard.

Template HTML - Blog1

<b:includable id='post-comments'>

• Theme widget tags to render DISQUS & Google+ comments.

Behavior

---

• DISQUS comments available on web view.
• Located inside an amp-accordian & displays upon page render.
• Comments fonts & link color inherits theme fonts & link CSS

Styles (pre-assigned)

---

#comments { 
  font-family: 'sans-serif'; 
}

#comments a {
  color: blue; 
}

Important Notes

---

• Before switching your blog template & use Blogr-AMP theme, import your blog comments to DISQUS before proceeding.
• Use the instructions by DISQUS to import existing Blogger comments: https://disqus.com/admin/blogger/

Useful Reference

---

New to Disqus

1. Sign up to Disqus here.
2. Provide a username, email address & password.
3. Add your site name, a unique shortname (ID to identify your blog) & choose appropriate category for your blog.
4. At Settings > Admin section > Choose Blogger as the platform.
5. Click "Add [blog-name] to my site" > new window will open with Add a Gadget option.
6. Select the blog to add DISQUS comment & click Add Widget.
7. You’ll be redirected to Blogger Layout page & a new gadget with DISQUS as title. 
8. Move the new gadget where appropriate at Blogger dashboard Layout.

Import Blogger Comments to DISQUS

1. On DISQUS > Discussion > Import > Select platform > Import comments - It may take 24 hours to import depending on amount of comments or data retrieved.
2. On older Blogger template versions, update by adding the required meta tag. Proceed to DISQUS help page for detail instructions here.