Topics

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


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

Blogr-AMP (V2) Enabling & Arranging Disqus, Google+ & Facebook Comments
Theme Version: 2-0-0

Blogr-AMP & 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.

Add popular comments system for Blogger Theme with AMP HTML

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.

<script>
var disqus_shortname = 'blogr-amp';
</script>
Disqus Comments <i class='fa fa-angle-down float-right'></i>

  • 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.

<script>
var FB_APP_ID = 123456789076212;
</script>
Facebook Comments <i class='fa fa-angle-down float-right'></i>

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

Google+ Comments

  • Existing Blogger comments will reflect with Google+ comments automatically (if any).
  • No moderation panel available

Google+ Comments <i class='fa fa-angle-down float-right'></i>

  • 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 views
  • All comments javascript library have been included & location have been optimised.

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.

Blogr-AMP Blogger AMP HTML Template Rated 5/5 based on 98 reviews Add, arrange, enable Disqus , Facebook & Google+ comments system easily on Blogger theme with AMP HTML integrations using drag & drop feature on Blogger. Blogr-AMP: Blogr-AMP (V2) Enabling & Arranging Disqus, Google+ & Facebook Comments
5/ 5
Best AMP Blogger template, Blogr-AMP exceeded my expectations. Search engine friendly, easy to use, backed by great support Blogr-AMP & AMPaction Blogger theme with AMP HTML integrations comes equipped with 3 commenting system -- Disqus, Facebook & Goggl....

Topics You Might Be Interested...


Disqus Comments

Facebook Comments

Google+ Comments

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.

Contact Us