Add a Cool Style to Blogger Threaded/Nested Comments
tmirror
Add a Cool Style to Blogger Threaded/Nested Comments
If you need a fresh style to the threaded comments of a standard Blogger template, here's a simple CSS that will help you to apply a different background, make your avatars rounded, add a border with rounded corners and a triangle which is actually an HTML entity to get that speech bubble look on your comments.
You can see a demo here .
To have this style in your comments, all you need to do is to paste the below code inside the CSS part of the template, which is between the <b:skin> and </b:skin> tags. Styling Simple Nested Comments with CSS
Step 1. From the Blogger Dashboard , go to "Template" and press the "Edit HTML" button
Step 2. Click anywhere inside the code area and press the CTRL + F keys to open the search box:
Step 3. Paste or type the following tag inside the search box and hit Enter to find it ]]></b:skin>
Step 4. Just above ]]></b:skin> add this CSS:
.comments .comment-block {
background: #F9F9F9 ;
color: #555 ;
box-shado…
