(V2) Enabling & Arranging Disqus, Google+ & Facebook Comments

& AMPaction Blogger theme with AMP HTML integrations comes equipped with 3 commenting system -- Disqus, Facebook & Goggle+.

Since that most Blogger functionalities which uses javascripts have been disabled for AMP HTML integrations, users have the options to use a set of 3 commenting system to use with  their blogs -- no  copy & pasting codes required.

More flexibility, enabling, disabling & re-arranging multiple comments system is made super easy using custom widgets pre-installed with Blogger theme with AMP.

Use pre-assigned widgets to adjust your post & comments layout according to your preference & layout needs.

Location

---

Layout

DISQUS Comments

• Requires a Disqus short_name to attach comments to Disqus Admin dashboard.
• Use existing account or create a new free account with Disqus.
• Moderation available at blog posts pop up side panel or via dedicated Disqus Admin dashboard.
• Migrating Blogger comments is available.
• Available on web views.

<script> var disqus_shortname = 'blogr-amp'; </script> Disqus Comments

• Add/replace the unique disqus_shortname at highlighted yellow.
• Edit text to display at comments clickable panel in blog posts.

Facebook Comments

• Requires Facebook app_id made available at Facebook Developer page.
• Moderation available at blog posts or via dedicated Facebook Developer Admin dashboard.
• Available for mobile & web views.

Facebook Comments

• Add/replace the unique FB_APP_ID in Theme > Edit HTML fbAppId variable..
• Edit text to display at comments clickable panel in blog posts.

Google+ Comments

• Existing Blogger comments will reflect with Google+ comments automatically (if any).
• Moderation panel available at Google+ manager.
• Available on web views. 

Google+ Comments

• Edit text to display at comments clickable panel in blog posts.

Behavior

---

• Drag & drop comments widget to desired location underneath Blog Post gadget
• Add "disable" (without quotes) at widget title to disable comments.
• Edit text in widget body to display as clickable drawer for comments in blog posts.
• Available in web/mobile views.
• All comments javascript library have been included & location have been optimised.
• Comments heading down/up arrow uses :after pseudo reference available in theme CSS

Useful Reference

---

Create a Facebook App ID

1. Detail instructions to create a Facebook App ID is available here at Facebook for Developers page: https://developers.facebook.com/docs/apps/register

About Facebook Comments Plugin

1. Fb Comments Plugin lets users comment on content on your site using their Facebook account. Users can choose to share their comment activity with their friends (and friends of their friends) on Facebook as well. The comments plugin also includes built-in moderation tools and social relevance ranking. More information: https://developers.facebook.com/docs/plugins/comments/

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.