Topics

Create Blogger AMP HTML template install & download Accelerated Mobile Pages themes for Blogspot platform.


Blogr-AMP for Disqus Comments

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.

Add DISQUS Comments for Blogger Template AMP

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.

Blogr-AMP Blogger AMP HTML TemplateRated 5/5 based on 98 reviewsAdd DISQUS comments system create or import existing Blogger comments to DISQUS and enable commenting section for Blogr-AMP Blogger template with AMP HTML integration.Blogr-AMP: Blogr-AMP for Disqus Comments
5/ 5
Best AMP Blogger template, Blogr-AMP exceeded my expectations. Search engine friendly, easy to use, backed by great support Use of DISQUS comments system for Blogr-AMP Blogger template framework to replace default Blogger comments which has been disabled when AMP ....

Topics You Might Be Interested...


Disqus Comments

Facebook Comments

Working to get connected...

Ooops! We're having trouble connecting. Please refresh your page or contact us...

Code Parser

Have a code snippet to share? Format RAW codes here...

Users who needs to share code snippets in comments, use helper below to paste your codes & copy to comments body.


Working...

Ooops! We're having trouble connecting...