Add The Comment Icon Beside The Comment Link

by Rajib Kumar

Hey, i find a great way to make blogger/blogspot comment link more attractive. You can add bubble icon beside the comment. You can also add different icon, but I think bubble icon is best for comment link.

Comment Icon Beside The Comment Link

Let’s see the instruction to do this for your blogger blog.

Step 1: Login your blogger blog account.
Step 2: From blogger dashboard, go Design and then Edit HTML
Step 3: Now search the following code by using [Ctrl + F]

<span class='post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
</span>

 

Step 4: Now replace the above code by the following code

<span class='post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a><img src='http://i39.tinypic.com/33z5njo.jpg' style='border:0px'/>
</b:if>
</b:if>
</span>

 

Step 5: Save your changes. Thanks all.

1 Lavon January 30, 2012 at 6:30 am

When some one searches for his essential thing, therefore he/she wants to be available that in detail, so that thing is maintained over here.

2 Carina February 2, 2012 at 6:50 pm

Hi there, I would like to subscribe for this blog to obtain most up-to-date updates, so where can i do it please assist.

Comments on this entry are closed.




Previous post:

Next post:

. Border