diff --git a/layouts/partials/comments_js.html b/layouts/partials/comments_js.html
new file mode 100644
index 0000000..cca3404
--- /dev/null
+++ b/layouts/partials/comments_js.html
@@ -0,0 +1,3 @@
+{{- /* Comments js area start */ -}}
+{{- /* to add comments read => https://gohugo.io/content-management/comments/ */ -}}
+{{- /* Comments js area end */ -}}
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
index 28d3086..03a932c 100644
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@@ -223,11 +223,16 @@
 <script>
   document.querySelectorAll('.masked-email').forEach((el) => {
     el.innerText = atob(el.innerText);
+    el.classList.remove('masked-email')
   })
 </script>
 {{- end -}}
 
 
+{{ if (.Param "comments") }}
+{{ partial "comments_js.html" . }}
+{{ end }}
+
 {{- /* Search */}}
 {{- if (eq .Layout `search`) -}}
 <link crossorigin="anonymous" rel="preload" as="fetch" href="../index.json">
@@ -249,7 +254,15 @@
 <script src="{{ $instantclick.RelPermalink }}" data-no-instant
     {{- if site.Params.assets.disableFingerprinting }}integrity="{{ $instantclick.Data.Integrity }}"{{- end }}
 ></script>
-<script data-no-instant>InstantClick.init();</script>
+<script data-no-instant>
+  // http://instantclick.io/scripts
+  // InstantClick.on('change', function(isInitialLoad) {
+  //   if (isInitialLoad) {
+  //     return;
+  //   }
+  // });
+  InstantClick.init();
+</script>
 {{- end }}
 
 {{- end -}}