How to Add Emoticons/Smileys in Blogger Comments

Emoticons or smiley faces are a great way to make comments more interesting and fun, so it's a pity that Blogger doesn't support them. In this tutorial, we will go through some simple steps to add these cool emoticons called Kolobok in Blogger/Blogspot comments, so that you and your blog visitors will be able to have an enjoyable time together.

UPDATE: Now available for threaded commenting system too!

DEMO

Adding Kolobok Emoticons or Smileys in Blogger Comments

Step 1. Log in to your Blogger account and go to 'Template', then click 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. Search (CTRL + F) for this tag:

Step 4. Now pay attention which code you should use. If your comments have no reply button, then you are using the previous commenting system, otherwise look for the threaded comments codes:

a) Use this script for previous commenting system with comments that have no reply function:

b) Script for threaded commenting system with comments that have the reply function:

Note: ignore the next 5-8 steps if you have threaded comments!

Step 5. Find this code snippet:

Step 6. Paste the following line just above it:

Step 7. Find the following tag and look carefully, it should be somewhere below the code from step 5:

Step 8. Paste the below div tag just AFTER it: