How To Delete Blogger Comments –Trash Icon Bug fixed!

As of 16 February 2011, almost 156 million public blogs have been published online.On October 13, 2012, there were around 77 million Tumblr and 56.6 million WordPress blogs in existence worldwide. Out of which, 95% Blogs use un-official blogger templates coded by third party developers. But those who use un-official blogger templates face many problems. One problem most commonly found is that they can’t delete the comments on their blog because they can’t see a trash icon or dustbin icon. Many people have suggested various methods of deleting the comments without a trash icon but the question is that why can’t you actually see a Comment Trash Icon delete comments?

What was the reason?

It was a headache for me on how to solve this issue. Online tutorials offered nothing and none of them worked. So I decided to figure it out myself. As AlhamdulillAh my developing skills some how have now improved a little bit. I started checking each comments sections in my template to find the reason behind it and then finally after some hard work, I found out that the reason behind this problem of the trash icon not showing up. Actually it was easier than we expected. There is just a small piece of codes missing due to which the icon was not appearing. So all you have to do is follow the extremely simple steps,

Fixing The Trash Icon Bug

1. Go To Blogger > Template > Edit HTML 
2. Backup Your Template.
3. Check Expand Widget Template. 
4. Search for the code below,

<dd class='comment-footer'>

     5.  Just below it  paste the following code,

<span class='comment-timestamp'>
              <b:include data='comment' name='commentDeleteIcon'/>
            </span>

     6.  Save your template and preview your blog post to see a beautiful trash icon below each comment.

Troubleshooting

If for some reason you still can not see a trash icon below your blog comments then follow an additional step.

     1.  Inside Edit HTML search for, 

<b:includable id='commentDeleteIcon' var='comment'>

         You will find a similar big chunk of code below it, 

<b:includable id='commentDeleteIcon' var='comment'>
  <span expr:class='&quot;item-control &quot; + data:comment.adminClass'>
    <a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
      <img src='http://www.blogger.com/img/icon_delete13.gif'/>
    </a>
  </span>
</b:includable>

 
     2.  If you are not able to see a trash icon then most probably this piece of code will not be well scripted. Simply replace your current code with the bolded green code shared above. 

     3.  Finally save your template to really see a trash icon this time! 

Any Further Help?

I hope this will greatly help many Bloggers, designers and developers in dealing spam comments more effectively. I request everyone to kindly link back if you wish to share this tutorial with your readers. If you have anymore further questions then kindly comment and I will help you. Peace and blessings :)