Simpli Template Using Default Blogger Commenting System [With Lazy Load]

Share:

The comment section is an essential part of your website/blog, allowing users to interact, share their thoughts, and engage in discussions.

To enhance user experience and page load speed, we have implemented a modal box to display comments, and the comment form's iframe is deferred until the user clicks the comment button. 


Preview

Here is how the comment section looks like: 



Features

  1. Modal Box Display: The comment section is presented within a modal box, providing a clean and unobtrusive interface for readers to view and add comments. 
  2. Lazy Loading Comment Form: The comment form's iframe is loaded lazily, significantly improving page load speed as it will only be fetched when the comment button is clicked.
  3. Blogger Commenting System: By utilizing the default Blogger commenting system, comment moderation and management become easier.
  4. Responsive Design: To ensure the comment section's responsiveness across various devices, we dynamically set its width and height based on the width of the user's device. This approach guarantees an optimal display, providing an excellent user experience regardless of the device's screen size.

    Responsive Design. Fit the device width.


Setup The Comment Section

To ensure the comment section works as expected, make sure to follow the setting below: 

  1. Set the Comment location to Embedded
  2. Preserve your Comment form message, as you want. 

    For example: "Be kind, respectful, and constructive in your comments. No hate speech or offensive language. Let's create a positive environment. "

  3. Other settings are optional. 

Our Comments Setting




Share:
No Comment

In this article:

No Comment
x

Be kind, respectful, and constructive in your comments. No hate speech or offensive language. Let's create a positive environment.

Loading comment form....
Home Older Post