Comments

We provide first class support for Blogger, Disqus and Facebook comments on posts and pages. Not only that, you can use multiple comments platforms at the same time and these comments are available on AMP pages as well.

To customize comments, navigate to Comments Plugin through Theme Designer.

  1. Go to Blogger Theme Designer.
  2. Click on Advanced tab.
  3. From dropdown selection list, select Plugin: Comments.

Blogger comments

This section will guide you to customize Blogger comments.

Comments on pages

By default, comments are enabled for pages as well. They can be disabled or enabled by setting the length of Comments on pages to 1px or 2px respectively.

Iframe style

There are two styles of iframe available for comments form embed, generally Legacy and Modern. By default, it is set to Modern style.

Blogger legacy comment iframe
Blogger legacy comment iframe
Blogger modern comment iframe
Blogger modern comment iframe

You can change the iframe style to Legacy or Modern by setting the length of Blogger Iframe Style to 1px or 2px respectively.

For AMP variant of pages, it will automatically use the Legacy style.

Pop-up style

Blogger comments uses pop-up style by default.

This can be disabled or enabled by setting the length of Comments Popup to 1px or 2px respectively.

For AMP variant of pages or if multiple comments platforms are enabled at the same time, Pop-up style will be automatically disabled.

Expanded replies

Comments' replies are expanded by default. You can choose whether to collapse or expand replies to a comment by setting the length of Expanded replies to 1px or 2px respectively.

Comment media parsers

Comment media parsers is a Blogger comment form tool which allows commenter to add Quotes, Images, Inline code, Code block and Name tag. By default, it is enabled.

Comment media parsers can be disabled or enabled by setting the length of Comment media parsers to 1px or 2px respectively.

Allow images

This option when enabled, renders <i rel='image'>image_link_here</i> in comment body as <img src='image_link_here'> allowing commenters to put images in comments.

This is enabled by default. If you want to disable or enable it, set the length of Allow Images to 1px or 2px respectively.

Allow links

This option when enabled, renders HTML anchor tags <a> if it exists in comments body. This can be useful to prevent commenters from putting links in the comment body in order to reduce spam links.

This is disabled by default. If you want to disable or enable it, set the length of Allow Links to 1px or 2px respectively.

Note!
This option does not effect on author's comments, allowing them to put anchor tags irrespective of this option is disabled or enabled.

Disqus comments

In order to enable Disqus comments, you need to specify your disqus shortname first. Find the following code snippet in Edit HTML and add your disqus shortname.

<Variable name="disqus.shortname" description="Disqus shortname" type="string" default="" value=""/>
[!] Disqus shortname
[!] @type {String}
[!] Warning: Don't add invalid disqus shortname
<Variable name="disqus.shortname" description="Disqus shortname" type="string" default="" value="xxxxxxxxx"/>
[!] Disqus shortname
[!] @type {String}
[!] Warning: Don't add invalid disqus shortname

Now coming back to Comments Plugin settings, you can disable or enable Disqus comments by setting the length of Disqus Comments to 1px or 2px respectively.

If you want only disqus comments to appear, set the lengths of Blogger Comments and Facebook Comments to 1px in order to disable Blogger comments and Facebook comments respectively.

Facebook comments

Facebook comments can be disabled or enabled by setting the length of Facebook Comments to 1px or 2px respectively.

About the author

Deo Kumar
~ Hello World!

8 comments

  1. Deo Kumar
    Deo Kumar
    This is a comment.
    1. Deo Kumar
      Deo Kumar
      This is a reply to a comment.
  2. Deo Kumar
    Deo Kumar
    This is a comment containing quote.
    Lorem ipsum dolor sit amet consectetur adipisicing elit.
  3. Deo Kumar
    Deo Kumar
    This is a comment containing code block.
    const handleRequest = async (request) => {
    try {
    const body = await request.json();
    // do something with body
    } catch (e) {
    console.log("Oops, an error:", e);
    }
    }
  4. Deo Kumar
    Deo Kumar
    This is a comment containing inline code.
    The <body> element contains all the contents of an HTML document.
  5. Deo Kumar
    Deo Kumar
    This is a comment containing a name tag.
    , I am tagging myself.
  6. Anonymous
    This is a comment posted by Anonymous.
  7. Custom name
    This is a comment posted with a custom name.
Comment form message goes here. Can be set from Blog Settings > Comment form message (under Comments)