Styling The Blogger Embedded Comment Form

CSS snippets to style the Blogger (blogspot) embedded comment form.

There are 3 types of embedded comment form, each shown on a different condition:

• First comment of the post.

• Top-Level comment.

• Reply comment.

First Comment of the Post

This form is shown when the post has no comments, meaning the user is the first to leave a comment on the post.

.comments.embed .comment-form { /* ... */ }

Top-Level Comment

This form is shown when there's at least one comment on a post and the user is not replying to anyone.

.comment-replybox-single:not(:empty) { /* ... */ }

Reply Comment

This form is shown the user is replying to another comment.

.comment-replybox-thread:not(:empty) { /* ... */ }

**