Add The Comment Icon Beside The Comment Link

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.

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.

Take 5 Second And Spread World

Tweet

Stay Connected With Free Updates

Subscribe via Email