Blogger Buzz: threaded comments

Add a Cool Style to Blogger Threaded/Nested Comments

<div dir="ltr" style="text-align: left;" trbidi="on">
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. 
<div class="ssmainhide" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrjSj8Yf2E3ZJVoTmyFfcg5iBG8ikrwDtaUESztSIIFzdFc-TPW5qlTttyBSzaS2LFS9cm1-tYteHTfJ531U8QwbPMnrytTpUFlpUfeOVJpO69zEgkBKHzouMkTjV8zUovmpbZP_OUnK9a/s1600/add-background-color-border-avatars-blogger-threaded-comments.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Add a coll Style to Blogger Thraded/Nested Comments" border="0" height="201" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrjSj8Yf2E3ZJVoTmyFfcg5iBG8ikrwDtaUESztSIIFzdFc-TPW5qlTttyBSzaS2LFS9cm1-tYteHTfJ531U8QwbPMnrytTpUFlpUfeOVJpO69zEgkBKHzouMkTjV8zUovmpbZP_OUnK9a/s1600/add-background-color-border-avatars-blogger-threaded-comments.png" title="Add a coll Style to Blogger Thraded/Nested Comments" width="320" /></a></div>
 
 
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 <b:skin> and </b:skin> 
 
<h3>
Styling Simple Nested Comments with CSS</h3>
 
Step 1. From the <a href="http://blogger.com/" rel="nofollow">Blogger Dashboard</a>, go to Template and press the Edit HTML button 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVYVa22C5i1Kn6zBVvyxEsUczaaacN9xsHDVOfWL9_ch0t3hdwuHu8b6z6KLw3nKN2Gs7GjqI3DRfsSnD_bqMjtimTHp47XB3NbH31UB2D9jsOQKcObRfbYAnVXeYR3rC2v_TWXmVj3fa9/s1600/blogger_blogspot_template_edit_html_tutorial.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="256" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVYVa22C5i1Kn6zBVvyxEsUczaaacN9xsHDVOfWL9_ch0t3hdwuHu8b6z6KLw3nKN2Gs7GjqI3DRfsSnD_bqMjtimTHp47XB3NbH31UB2D9jsOQKcObRfbYAnVXeYR3rC2v_TWXmVj3fa9/s1600/blogger_blogspot_template_edit_html_tutorial.png" width="320" /></a></div>
 
Step 2. Click anywhere inside the code area and press the CTRL + F keys to open the search box: 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDVG1ZUrMm5r-4tRVKJL02cM8DT7kHGdqxRz6uDFRue0vwRl-FJ_t0hMykmqsCAVMegEt4Q70WeIRdLqcER9yUk91HBVuXSmg-x7RjhgLPWUP8R2BTIMUPadK6-5omAOdgSYoxJX_C-L6N/s1600/blogger-template-search-box.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Add a coll Style to Blogger Thraded/Nested Comments" border="0" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDVG1ZUrMm5r-4tRVKJL02cM8DT7kHGdqxRz6uDFRue0vwRl-FJ_t0hMykmqsCAVMegEt4Q70WeIRdLqcER9yUk91HBVuXSmg-x7RjhgLPWUP8R2BTIMUPadK6-5omAOdgSYoxJX_C-L6N/s1600/blogger-template-search-box.png" title="Add a coll Style to Blogger Thraded/Nested Comments" width="400" /></a></div>
 
Step 3. Paste or type the </b:skin> tag inside the search box and hit Enter. After you found the highlighted code, click on the arrow next to it to expand the code, then search it again by hitting Enter. 
 
Step 4. Just above </b:skin> add this CSS: 
<blockquote class="tr_bq">
.comments .comment-block { 
background: #F9F9F9; 
color: #555; 
box-shadow: 0 4px 10px #EEEEEE; 
position: relative; 
margin-top: 10px; 
margin-left: 60px; 
padding: 10px; 
border: 4px solid #EEEEEE !important; 
border-radius:10px; 
font: 1.190em/1.2 Cambria,Georgia,sans-serif; 
} 
.comment-thread li .comment-block:before { 
position: absolute; 
display: block; 
left: -26px; 
color: #EEEEEE; 
content: "\25C4"; 
font-size: 30px; 
} 
.comments .avatar-image-container { 
width: 60px; 
height: 60px; 
max-height: 60px; 
margin:0px 0px 0 -28px; 
padding: 0px; 
border: 7px solid #EEEEEE; 
border-radius:60px; 
} 
.comments .avatar-image-container img { 
overflow:hidden; 
width: 60px; 
height: 60px; 
max-width: 60px; 
border:0 !important; 
border-radius:60px; 
} 
.comments .comment-thread.inline-thread { 
background: none; 
} 
.comments .continue { 
border-top: 0px solid transparent; 
} 
.comments .comments-content .datetime { 
float: right; 
font-size: 11px; 
} 
.comments .comments-content .user a{ 
font-size: 15px; 
color: #498EC9; 
} 
.comments .comments-content .datetime a:hover{ 
color: #777; 
text-decoration: none; 
} 
.comments .comments-content .comment:first-child { 
padding-top: 0px; 
} 
.comments .comments-content .comment { 
margin-bottom: 0px; 
padding-bottom: 0px; 
} 
.comments .continue a { 
padding: 0px; 
} 
.comments .comments-content .icon.blog-author { 
background-image: none; 
}</blockquote>
 
<h3>
How to Change Blogger Threaded Comments Background, Border and Colors</h3>
 
- replace the #F9F9F9 value to change the background color of the comments; 
- #555 to change the text comments color; 
- #EEEEEE to change the color of the shadow around comments; 
- 4px solid #EEEEEE to change the border width (4px), style (solid) and color (#EEEEEE) around comments; 
- 1.190em to change the comments font size; 
- to change the arrow color, replace the #EEEEEE value from color: #EEEEEE; 
- to change the border width (7px), style (solid) and color (#EEEEEE) around avatars, modify this part: 7px solid #EEEEEE; 
- to change the avatars' size and roundedness, change the 60px value; 
 
Here is a tool from that may help to pick your favorite color: 
<a href="http://buzzblogger1.blogspot.com/2012/02/color-code-generator.html" rel="nofollow" style="color: blue;" target="_blank">Color Code Generator</a> (after you choose a color, copy the hex value) 
Step 5. Finally, click on the Save template button... and you're done!</div>

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 di...

Add a Different Background For Author Comments in Blogger's Threaded Comments

In this tutorial we will learn how to highlight the author comments so that they will have a different background color, border, or anything that makes them stand out from the others. To achieve this, we need to add a code in the Blogger's template and to modify the style according to our preferences. <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7qnebLL_av7Sbvj6sE9i13KOsQs-MaoBZsmjGFmW7z6JP3u8QzRdhdBt7W77N37TfRSvrzVsOjT1AG6hgp2pVDGpc7Kx-EnCOTk2PsLaPHsKOWxcElW1nsjkR4P_VFblB_Z5QzxUvpZZG/s1600/how-to-add-a-different-background-color-for-author-comments-in-blogger-threaded-comments.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="blogger tricks, blogger comments" border="0" height="203" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7qnebLL_av7Sbvj6sE9i13KOsQs-MaoBZsmjGFmW7z6JP3u8QzRdhdBt7W77N37TfRSvrzVsOjT1AG6hgp2pVDGpc7Kx-EnCOTk2PsLaPHsKOWxcElW1nsjkR4P_VFblB_Z5QzxUvpZZG/s400/how-to-add-a-different-background-color-for-author-comments-in-blogger-threaded-comments.png" title="how to change the background for author comments in blogger" width="400" /></a></div>   <h2>How to highlight author comments in Blogger:</h2>Step 1. Go to Template, click on Edit HTML <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjB7oJbxvPBbc9AF3sFcddx3VZNS9BgRw9YmXHMkFZ07qEw5O4QcxGK05p_lYxNB4aYFXJo8EUsexdEJFC5KXLKZeS6lSK3c1blNR0FnXLiWWzFLBd9U9EKYq6ABemdBSu1uf-H92hyphenhyphenC8C3/s1600/blogger-template-edit-html.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="blogger threaded comments, customize blogger comments" border="0" height="137" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjB7oJbxvPBbc9AF3sFcddx3VZNS9BgRw9YmXHMkFZ07qEw5O4QcxGK05p_lYxNB4aYFXJo8EUsexdEJFC5KXLKZeS6lSK3c1blNR0FnXLiWWzFLBd9U9EKYq6ABemdBSu1uf-H92hyphenhyphenC8C3/s320/blogger-template-edit-html.png" title="how to customize author comment in blogger threaded comments" width="320" /></a></div> Step 2. Click anywhere inside the code area and try to find - using CTRL + F keys - this tag: <blockquote class="tr_bq"></body></blockquote><div style="text-align: center;">Screenshot:</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyvJLudtHaCXfNR4Pl65nGyn_HXM7Ad0Sj_ZKlFcroXwINpsk0cMOZmiN4t7qcGUjWF1P3T_3hz6TTCFCGVD1ifWUIPQDwaXaiv2TLk16LvW58ie6f5T9lN8dULIl399Q0V6SaAzbowJ2o/s1600/how-to-customize-blogger-threaded-comments.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="blogger comments, blogger tricks" border="0" height="146" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyvJLudtHaCXfNR4Pl65nGyn_HXM7Ad0Sj_ZKlFcroXwINpsk0cMOZmiN4t7qcGUjWF1P3T_3hz6TTCFCGVD1ifWUIPQDwaXaiv2TLk16LvW58ie6f5T9lN8dULIl399Q0V6SaAzbowJ2o/s400/how-to-customize-blogger-threaded-comments.png" title="background style for author comments in blogger" width="400" /></a></div> Step 3. Just above it, paste the following code: <blockquote class="tr_bq"><script src='http://code.jquery.com/jquery-latest.js'/> <script> $(function() { function highlight(){ $('.user.blog-author').closest('.comment-block') .css('border', '1px solid #FFA500') .css('background','#F1F1F2 url("http://www.blogblog.com/1kt/transparent/white80.png")') .css('color', '#444444') .css('font-size', '12px') .css('padding', '10px'); } $(document).bind('ready scroll click', highlight); }); </script></blockquote> <h3>Customizing the Author Comments:</h3> Border: The line marked in orange represents the border's style. What it can be done: <ul><li>1px - you can increase the value to change the border's thickness</li><li>solid - change the border's style to dotted, dashed, inset, outset etc.</li><li>#FFA500 - this is the border's color value, change it with your own color </li></ul>Background: The line marked in blue represents the background's style. You can use a plain color or an image. By default there's a combination of both (a white transparent image with a gray plain color). To change/add: <ul><li>a different color: replace the #F1F1F2 value with your own (use <a href="http://helplogger.blogspot.ro/2012/02/color-code-generator.html">this tool</a> to find the hex code of your desired color)</li><li>an image: replace the defaul url http://www.blogblog.com/1kt/transparent/white80.png with that of your image </li></ul> Font Color: To change the font's color, replace the #444444 color value in green with your own. (you can use <a href="http://helplogger.blogspot.ro/2012/02/color-code-generator.html">this tool</a> to find the hex code of your desired color) Font Size: Modify the value in red by increasing/decreasing the "12" value in order to change the size of text. Step 4. Now Save your Template. To customize the entire style of threaded comments, please check my previous tutorial on <a href="http://helplogger.blogspot.ro/2013/03/how-to-customize-blogger-comments-by.html" style="color: #0000ee; text-decoration: none;">How to Customize Comment's Background, Font Color and Border in Blogger.</a>

Blog Design Comments how to threaded comments Add a Different Background For Author Comments in Blogger's Threaded Comments

In this tutorial we will learn how to highlight the author comments so that they will have a different background color, border, or anything...

Numbered comments on threaded comments for Blogger/Blogspot

<a href="http://helplogger.blogspot.com/2012/04/how-to-number-comments-in.html" style="color: blue;">In a previous tutorial</a> you've seen how you can add numbered comments to your blogger blog, unfortunately, this trick worked only for those who don't have the reply option and are still using the old blogger commenting system. But we won't have any problem this time because this tutorial will show you how to add numbered comments with comment bubbles on the threaded comments, as well ;) What the following CSS trick will do for you: <ol><li>When the general block of comments is initiating (.comments-content) a counter called countcomments activates and starts with an initial value of 1. </li><li>Then, each time the code flow goes through a review of any level, either the original comment or a reply (.comment-thread li), it will bring us in front (:before) of the comment's body the number that is the counter. </li><li>Finally, this is incremented in the counter (counter-increment).</li></ol><div style="text-align: center;">See the screenshot:</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvE8-7XJix2fFAd1XgYTnCoRfebMh-jIyhbNf2DzcITUoJLKHEcw8YCJ66n_dpUfPHNqgciy3YvPG4dr6QNWSE0uvsrbhYG9xp2StU0k-pSqjfU2Op4wWiSLhc7M9ElwFnp_9JiKNIF29A/s1600/numbered+comments+for+threaded+comments+on+blogger+blogspot.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="count comments, comment bubble, forum, blogger" border="0" height="305" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvE8-7XJix2fFAd1XgYTnCoRfebMh-jIyhbNf2DzcITUoJLKHEcw8YCJ66n_dpUfPHNqgciy3YvPG4dr6QNWSE0uvsrbhYG9xp2StU0k-pSqjfU2Op4wWiSLhc7M9ElwFnp_9JiKNIF29A/s320/numbered+comments+for+threaded+comments+on+blogger+blogspot.png" title="how to count comments on threaded comments for blogger blogspot" width="320" /></a></div> Isn't that great? I'm pretty sure many of you have been waiting for this cool trick. So, let's begin applying it for our threaded commenting system. Steps to add bubble comments count Step 1: From your <a href="http://blogger.com/" rel="nofollow">Blogger Dashboard</a>, go to Template and click on the Edit HTML button: <ul></ul><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhC4HGurQq4CR79YIFUVSDBIeFY4InvpP0_sNeGItcBPdt_deuhF2klFDcYFUT8j1v7u69SK7rDpZ4RkR2O8pY6qnBu3LmCOOkKKBdkvAD8hXszDm-uX2_zDvPq9P3KqfNOeXGAmZjwOSbH/s1600/remove-blogger-labels.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="132" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhC4HGurQq4CR79YIFUVSDBIeFY4InvpP0_sNeGItcBPdt_deuhF2klFDcYFUT8j1v7u69SK7rDpZ4RkR2O8pY6qnBu3LmCOOkKKBdkvAD8hXszDm-uX2_zDvPq9P3KqfNOeXGAmZjwOSbH/s1600/remove-blogger-labels.png" width="320" /></a></div> ... click anywhere inside the code area and press CTRL + F to open the Blogger' search box. Step 2: Type the following tag inside the search box and hit Enter to find it: <blockquote class="tr_bq">]]></b:skin></blockquote>Note. you have to click on the arrow next to it, then search the ]]></b:skin> one more time  Step 3: Add the following code just above ]]></b:skin>: <blockquote class="tr_bq">.comment-thread ol { counter-reset: countcomments; } .comment-thread li:before { content: counter(countcomments,decimal); counter-increment: countcomments; float: right; z-index: 2; position:relative; font-size: 22px; color: #555555; padding-left:10px;  padding-top:3px;  background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikZplnLYA0BGrdzXQnf9VONiAqckSS7sXOI7LH2jlvYvkPnU3FctTARKjH4Aq5yRuUqxcpvQV6eLs6DQlEDgpA9QwxZ9DIrr9AcUQigPdgIrn7DS0kapvYJ-1CZd7W1GACvPZo2FmeMe34/s1600/comment+bubble2.png) no-repeat; margin-top:7px;  margin-left:10px;  width: 50px; /*image-width size*/ height: 48px; /*image-height size*/  } .comment-thread ol ol { counter-reset: contrebasse; } .comment-thread li li:before { content: counter(countcomments,decimal) "." counter(contrebasse,lower-latin); counter-increment: contrebasse; float: right; font-size: 18px; color: #666666; }</blockquote>Note: <ul><li>if you want to have no bubble icon, remove the code in red (including the address in blue)</li><li>to change the comment bubble, replace the code in blue with the URL address of your own icon. If you're not sure what icon you should use, you can find some cool icons in my previous posts (see these tutorials <a href="http://helplogger.blogspot.ro/2012/04/how-to-number-comments-in.html">here</a> and <a href="http://helplogger.blogspot.ro/2012/04/how-to-add-comment-count-bubble-to.html">here</a>)</li><li>to change the position of comments count, increase/decrease the values (3 & 10) from padding-top and padding-left</li><li>to change the position of comments bubble/icon, change the values (10 & 7) from margin-left and margin-top</li></ul>Step 4: Now Save the Template and you're done! If you enjoy reading this blog, please share and subscribe. For any questions you may have, leave a comment below.

Blog Design Comments how to threaded comments Numbered comments on threaded comments for Blogger/Blogspot

In a previous tutorial you've seen how you can add numbered comments to your blogger blog, unfortunately, this trick worked only for th...

How To Remove Blogger Threaded Comments

The Blogger Threaded commenting system allows a reader to reply to other reader comments on that post. Blogger supports threaded commenting with two levels - the original comment, and the replies to that comment. If you want remove threaded comments from your blogger blog, follow these steps: <div class="ssmainhide" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrVrKCMEiy7JgSOD_4_tKdLEHEBW1JTNGt3m6kco0AScWq0btR-8-9N06jAw3-vOCPf-0-KgCoo4sVezVbP8EauFpHoG7fcY8dbkaJOo51_1uUkMVMxpwk2fPWlgSAXngnsLFY3ieTF-4P/s1600/how+to+remove+blogger+threaded+comments+on+blogspot.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="146" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrVrKCMEiy7JgSOD_4_tKdLEHEBW1JTNGt3m6kco0AScWq0btR-8-9N06jAw3-vOCPf-0-KgCoo4sVezVbP8EauFpHoG7fcY8dbkaJOo51_1uUkMVMxpwk2fPWlgSAXngnsLFY3ieTF-4P/s200/how+to+remove+blogger+threaded+comments+on+blogspot.png" width="200" /></a></div>Important! Before anything, we need to make a back-up of our Blogger template so that if we do make any major errors, we can easily restore the original working template to our blog. To make a back-up of your Blogger template, from your <a href="http://blogger.com/" rel="nofollow">Blogger dashboard</a> - go to Template and click on the "Backup/Restore" button on the right side. Clicking on this button, will prompt you to save your existing template as an XML file to your hard drive. You can change the name of the file and choose the location to ensure it is easy to find if you need to use this later. <h3>Removing the Blogger Threaded Comments (with reply option)</h3> Step 1. Go to Template and click on the Edit HTML button <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVYVa22C5i1Kn6zBVvyxEsUczaaacN9xsHDVOfWL9_ch0t3hdwuHu8b6z6KLw3nKN2Gs7GjqI3DRfsSnD_bqMjtimTHp47XB3NbH31UB2D9jsOQKcObRfbYAnVXeYR3rC2v_TWXmVj3fa9/s1600/blogger_blogspot_template_edit_html_tutorial.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="blogger template edit html" border="0" height="256" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVYVa22C5i1Kn6zBVvyxEsUczaaacN9xsHDVOfWL9_ch0t3hdwuHu8b6z6KLw3nKN2Gs7GjqI3DRfsSnD_bqMjtimTHp47XB3NbH31UB2D9jsOQKcObRfbYAnVXeYR3rC2v_TWXmVj3fa9/s1600/blogger_blogspot_template_edit_html_tutorial.png" title="how to remove blogger threaded comments" width="320" /></a></div> Step 2. Click anywhere inside the code area and press CTRL + F keys to open the Blogger' search box  <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDVG1ZUrMm5r-4tRVKJL02cM8DT7kHGdqxRz6uDFRue0vwRl-FJ_t0hMykmqsCAVMegEt4Q70WeIRdLqcER9yUk91HBVuXSmg-x7RjhgLPWUP8R2BTIMUPadK6-5omAOdgSYoxJX_C-L6N/s1600/blogger-template-search-box.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="105" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDVG1ZUrMm5r-4tRVKJL02cM8DT7kHGdqxRz6uDFRue0vwRl-FJ_t0hMykmqsCAVMegEt4Q70WeIRdLqcER9yUk91HBVuXSmg-x7RjhgLPWUP8R2BTIMUPadK6-5omAOdgSYoxJX_C-L6N/s1600/blogger-template-search-box.png" width="320" /></a></div> Step 3. Paste or type the following code - or the first line of it - inside the search box in order to find it: <blockquote class="tr_bq"><b:if cond='data:post.showThreadedComments'>             <b:include data='post' name='threaded_comments'/>           <b:else/>             <b:include data='post' name='comments'/>           </b:if>         </b:if>         <b:if cond='data:blog.pageType == &quot;item&quot;'>           <b:if cond='data:post.showThreadedComments'>             <b:include data='post' name='threaded_comments'/>           <b:else/>             <b:include data='post' name='comments'/>           </b:if>         </b:if> </blockquote>Step 4. Now remove it (you'll find this code twice and replace it twice) and paste this code instead: <blockquote class="tr_bq">   <b:include data='post' name='comments'/>           </b:if>                <b:if cond='data:blog.pageType == &quot;item&quot;'>                      <b:include data='post' name='comments'/>               </b:if></blockquote> Step 5. Save the changes by clicking on the Save template button. That was all!

Comments how to threaded comments How To Remove Blogger Threaded Comments

The Blogger Threaded commenting system allows a reader to reply to other reader comments on that post. Blogger supports threaded commenting ...