Customizing the Comments Section
Style the built-in comment system or integrate a third-party service.
The comments section is key for reader engagement. You can heavily style the default Blogger comments or replace it entirely.
Styling Blogger Comments
The comment form and display are rendered inside the `Blog1` widget. You can find the relevant includables (like `comments-block`) and add your own CSS classes to the elements to style them.
Integrating Third-Party Comments (e.g., Disqus)
To use a service like Disqus, you would typically hide the default Blogger comments and add the Disqus JavaScript snippet instead.
- Wrap the entire Blogger comments section in a conditional tag: `<b:if cond='data:blog.pageType == "something-false"'> ... </b:if>` to hide it.
- Below it, add the JavaScript code provided by Disqus.
- Make sure the Disqus code only loads on post pages using `<b:if cond='data:blog.pageType == "item"'>`.
Was this lesson helpful?
Have feedback, found an issue, or have a suggestion? Let us know!
