Make commenting fun for your readers by adding smileys for their to use in your blog. Although Blogger doesn't support using smileys in comments, we are going to share some easy and safe steps to adding it in blogs.
The emoticons are called the Kolobok in Blogger/blogspot.
Follow the steps below to spice up comments for your blog readers
Also Read:
How To Fix Comment Box Not Showing in Mobile | Blogger
How To Add Floating Share Buttons To Blogger
Step 1: Enter blogger.com dashboard and select blog
Step 2: Locate template > Edit Html
Step 3: Click any point in the template and hit the ctrl+F keys for window, Cmd+F for mac to open a search .
Step 4: Search for the tag
a) If your comment has no reply button, means you are using the previous commenting system, add this code below
b) If you have a threaded Commenting system that has the reply function, use the code below
If your comment is threaded Ignore step 6 to 9
Step 6: Find the snippet code below
a) If you are using Previous Commenting System.
b)If you are using threaded commenting system search for the line below stop at the second or the fourth occurrence.
Step 11: Add the code below just directly after the line
Step 12: We are almost done, find
Flex am!
Read More
The emoticons are called the Kolobok in Blogger/blogspot.
Follow the steps below to spice up comments for your blog readers
Also Read:
How To Fix Comment Box Not Showing in Mobile | Blogger
How To Add Floating Share Buttons To Blogger
Adding Lolobok Emoticons/Smileys In Blogger Comments
Step 2: Locate template > Edit Html
Step 3: Click any point in the template and hit the ctrl+F keys for window, Cmd+F for mac to open a search .
Step 4: Search for the tag
</body>Step 5: For this next step, there are two code below select the right one for your coment box and add just above the closing body tag.
a) If your comment has no reply button, means you are using the previous commenting system, add this code below
<!--kolobok-smileys-->
<script type='text/javascript'>
//<![CDATA[
function replaceText(){if(!document.getElementById){return;}
bodyText = document.getElementById("smileys");
theText = bodyText.innerHTML;
theText = theText.replace(/:\)\)/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuui6J289T6dQlgEr0rsHVI4Fpvf3uwTbm8R4Kgruup5Y1Bn6T8uLcMMgZfkdvDG0sLoiG_4BF6wkcIX0R5sXUhBqGEUayGXwzboXnpxuoT-LBUjjG5ucHV0H038K7KVxHqHQvHg1A1fA/s1600/taunt.gif'/>");
theText = theText.replace(/=d>/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJj2AVq_6pYaKDuKTxqZi9oadqSnMKEkqOc3bZy2WEb5ZaJ5zsuJGIJkvvqLVBMAg4Q6elqrgw6vep0znox4SlI4HlhTMIlM1tX1O9NxwcxLt8K4X2zzg_IgQ94XEeyZDXufPcKYDepVA/s1600/suicide.gif'/>");
theText = theText.replace(/:d/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIpli6C98WOg6V_fuphtHU72sjwvmjNane9t8rtDKo2ZEaPrSeQtfhjlu8hxtH8FYYRc6mGJhJwQY_nnctvUFN30_Prda5cm5KpDsRF41BbUaTvxc2lN4j1gfjJ-EWZJIGNI3dKvBSX7s/s1600/biggrin.gif'/>");
theText = theText.replace(/:p/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhP3nBidTnFmcIttEQ5-Mmz-yvJ_BS6___a5yJ6BAQhGn0VsBqnBTPGo2q0Vb3KfxVK_YysW6Bm0Ew68ur-bMms2HcwoFccBZzqIXOONoIHmNxBd6bDCGMxIeUgvfcc2xZP4Vn9LxwPliI/s1600/tongue.gif'/>");
theText = theText.replace(/:\(\(/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2plja5mh_eNq_nXRexMsAnLq58NA1ZGExaUcD6jGADbFjRyEAAoedUAl41clVXzGbJ8JMLlVYwdcJNfYhfQ8bUyCpmwPeWsraJyewsq5RtRG9Sy3EXBAlj3rvv5tyO8D6NYS6juK6qx4/s1600/cry2.gif'/>");
theText = theText.replace(/:\)/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXEW9AptW6EGJtoE_jhyphenhyphenq2w_U-28RaAgxEAGK2zA_Kv-Y7Rft-IleQi6WIPulsrGru_hkiVlzhkb4i5aQJHqpel7qdurxttJoBY56vIk_5e63RNxPPRwHQtiqzyvh3lMNuFiwy4RSnzqY/s1600/smile3.gif'/>");
theText = theText.replace(/:\(/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-g0lsgil6QF-R0G1tjzfOwUShZB_QiYp1dPhEowT2ieH1AVZwQhVHSg7BCPtShCy4zRZY05RgrPPMk_WV3bkns4m_8Gtsu81UYj580qSI7n3IilZEoOk2BK1ccUqLMJEZUcJPq_numhQ/s1600/sad.gif'/>");
theText = theText.replace(/:-\?/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5tcB44gyXz69Ly9jzAD6K7JE9LZBhaqO_pPHEilBNTW68bmlqP21DHIbJaax4gbQULsGfihh8-Z4OXg1jG_zhSIMdP2kVHzDZpkTppAgbUDPP3KcY88RdBA1TrAStCPy-dwoutKr2SME/s1600/think.gif'/>");
theText = theText.replace(/d\(/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLjpH7f77Mjr_TNtzL168nQmX6ax1TtvuyWFbRLmVGEEj8Np9oRjPmzBRP484RfpyJj2kjfyIJiHjA5RGCENlcro40VUFKLIuVwR4ri2pledsZ_OlJjbtm2HEJq7iX1WqV7tpcUGKxHX4/s1600/doh.gif'/>");
theText = theText.replace(/:-o/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhU2tRnWePAFOs-buZMp3MUaS7-spYAv1KSEBKQQNS5Hmj94b29UqJAKo0Lpsrm2sxz8vYdtbtiSHUZAM7AU7GpKECsatcpVR-cJJNEHI7QBTDNPwhm_yd5tMTZTJLf6cXl1E-CCVY75q8/s1600/shock.gif'/>");
theText = theText.replace(/:-f/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDWRi1uSXArFEXfOk_hK1ai5gly0YevnxmlTxr1GCxtycyIZOgaGJSTdwvAkUr7zXts3Kk1L1Pha44060Ul4I9-HrMc8WcyHE-r37LtNooNkiJkYCULuaUgQYXaFYVGt92upKIpS0N4cE/s1600/flowers1.gif'/>");
theText = theText.replace(/:-ss/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwNlBw5BG-UPPIrUhP5fzmbzr-inss4AvVCBcXGE8SZHzuQGQBrpCfvPC3iNRAgtMsW0G38ToSDxdNcT3K8sfKAsVb_veamlNjs-GwTpnuMeGRsHPtfkOB00baV25b3oH3dgmcHWk9Qxk/s1600/unsure.gif'/>");
theText = theText.replace(/b-\(/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYIbJn11J5XijTnWpfhJE8GWitZh-v2HbiNaB5WIJY8UdvhpBLRlvcus7HQq-837jQZdMTtM6D3HRb2DXRrgwc86fZtpbAiDDLICpa9JjDT9CEBCj0Ed8ZkC2Ql6iBrLvIY_6Inhm8rwg/s1600/threaten.gif'/>");
theText = theText.replace(/h-\(/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjECpO1hypm35Iog2V5RJ_fpvo0FsENRyy4xxGQIIL1J1p1AEkgulCYfLZEvXdEyblpD2Cr98n-X-btETUWeRbGXYYKLsCKhkZvIlJ5xHlkanduVG3ienMB6wKCsgtNDbrU19AJjAcGpjo/s1600/help.gif'/>");
theText = theText.replace(/g-\)/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuq1yxtBTv4ISvDwuV0ygAu-LGc_xY_DOKtm31ixQKZi6TpWPi92ZiZjWIPDfK4tUDD2IZ952MZk4Fbw7HkS5H_xHnB1D_vGWLVerb8Q1KOVpd6PTjh46mX4WiBn5IymP2DOTjJ3I25uM/s1600/good.gif'/>");
theText = theText.replace(/5-\p/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibJfjaTTcvFlM-KAkfb77ZtQNV4qldBvmaf5hKwqs9a1LAhFN4SvmvHtfrVutM-xVGQiy_8dpMgmRT9CPAqmg-q_8j8UfqGHcUwBQr1NwW5w-Wde_m05G9ajNuYW_EeEt9N_WKJzVexfk/s1600/beee.gif'/>");
theText = theText.replace(/y-\)/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDd6THQo5pZhdOhbEpb_Uk9WnP7sPup38if-Y0M-14RkoyB3yhZCFZg3NAZhYLiN8-FUWO_BGHCQ0wKMljEEkzYlex9imu8L1QjQ1bnU5S0ZuHoo6AcvfbTalD3nFx_k2gJ8mqJYXpTKs/s1600/yahoo.gif'/>");
theText = theText.replace(/c-\)/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgD_BxVTRFpPUBjGBlBcXg9nPR2Vw2hJl6olkjYvQ4DdPKufoyGEFX50okSY_69LUFR0VhHH4h8ohyphenhyphenOE9EdK0B-CQupSJKk2phvfL_vuuUNp1sheWM73K7MsCM5fk7_kuuIQnFGHfgHYY/s1600/crazy.gif'/>");
theText = theText.replace(/s-\)/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgX7vGmmxkgOq175Dwynyrn9jPSwXQ7gewyYQ78PJZi-BJUmjqVeq3gRa8NvgdLYG1LJcsg1UGIRz3fKElWF3_KW5ZiAjwYuN_iq3EEwVgsbvsiZzeTGxnnn-XlIru-S8piFHkbZQnwV-E/s1600/spiteful.gif'/>");
theText = theText.replace(/d-\)/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhG5fPft98C_mQAZYy14Wm9lVne-ZZhXWQuqQzq_7W4tCrUY4ITLhmFmr5gfcBxREsEECGfCHsywTBlzPoZrPEFI-j_XsvcIp5adMJxwA3DHF7qjc2fEGWoLLD9i6W5INzmfb5PH-_gu1A/s1600/drinks.gif'/>");
theText = theText.replace(/w-\)/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYAaOu8NMO9dA3LsZcZDJ5Spv15y_Gj6R4SPchaCI0r9-yNq50oUaw_4LqpGopnSXeQ4s23TlUf53oLfBsTqPcBpy6IDph_ZsQPxf8PoMDH2bWbrK8Smox2LvUUwhQs0kjsWNxMSsErg0/s1600/cheer.gif'/>");
theText = theText.replace(/:-\h/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkdh6UVLEVFkw7UlTDaQrD0D92HHUJIkxsGlg4imPMmWAMoGcyn8jFUATn8iLiSXeZzjEK4ncmtsOCas-QUteo9Lry1mbscelW0cogsPbMGmBL1jtmGvhYneHAa7SzQdbucchnM73swK8/s1600/hi+2.gif'/>");
theText = theText.replace(/:X/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVpi_3fdo6rwSF7mShVlDpsL8APMkW2nVCVYbHbDVmgQrU6OoGxcbJsM-JJ8kq5KLvrlomrqn0onW9kyebgO3lpkRsLqMXqT5JtMtdxMv0LJSsRim5wCxdgca1uVFMQ3dYg5j2IYs_tmk/s1600/give_heart.gif'/>");
theText = theText.replace(/:\-\*/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkCU29KAKZzo5opmNVVIw3-2KZ-izryqIA0ZdoAgt_d3G6CfLrKeO3lZsLuGw2dxNee3pk7wetZ1eXBBUNLiQdwOjoBSIjDZrM_A4MMcMqNwsx-ThZv30dRirFfRnPK38IYPEUB-HlB8Y/s1600/air_kiss.gif'/>");
theText = theText.replace(/=\)\)/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhm1O5gE7pXDug4TXTNEoZh2p76X7sxLycXCq48VoyPS06uXQQA_TRpd4In2GCqdKOyCrRN5ql08siUxqXoppHTNxWXlhfCOFT87QdcppldUmFy-abPgJuPus_8x3aatyiv5FlC8mdT0AY/s1600/rofl.gif'/>");
bodyText.innerHTML = theText;
}
replaceText();
//]]>
</script>
<!--kolobok-smileys-->
b) If you have a threaded Commenting system that has the reply function, use the code below
<script type='text/javascript'>
//<![CDATA[
a=document.getElementById('comment-holder');if(a){b=a.getElementsByTagName("p");for(i=0;i<b.length;i++){if(b.item(i).getAttribute('CLASS')=='comment-content'){_str=b.item(i).innerHTML.replace(/:\)\)/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuui6J289T6dQlgEr0rsHVI4Fpvf3uwTbm8R4Kgruup5Y1Bn6T8uLcMMgZfkdvDG0sLoiG_4BF6wkcIX0R5sXUhBqGEUayGXwzboXnpxuoT-LBUjjG5ucHV0H038K7KVxHqHQvHg1A1fA/s1600/taunt.gif' alt='' class='smiley'/>");_str=_str.replace(/=d>/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJj2AVq_6pYaKDuKTxqZi9oadqSnMKEkqOc3bZy2WEb5ZaJ5zsuJGIJkvvqLVBMAg4Q6elqrgw6vep0znox4SlI4HlhTMIlM1tX1O9NxwcxLt8K4X2zzg_IgQ94XEeyZDXufPcKYDepVA/s1600/suicide.gif' alt='' class='smiley'/>");_str=_str.replace(/:d/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIpli6C98WOg6V_fuphtHU72sjwvmjNane9t8rtDKo2ZEaPrSeQtfhjlu8hxtH8FYYRc6mGJhJwQY_nnctvUFN30_Prda5cm5KpDsRF41BbUaTvxc2lN4j1gfjJ-EWZJIGNI3dKvBSX7s/s1600/biggrin.gif' alt='' class='smiley'/>");_str=_str.replace(/:p/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhP3nBidTnFmcIttEQ5-Mmz-yvJ_BS6___a5yJ6BAQhGn0VsBqnBTPGo2q0Vb3KfxVK_YysW6Bm0Ew68ur-bMms2HcwoFccBZzqIXOONoIHmNxBd6bDCGMxIeUgvfcc2xZP4Vn9LxwPliI/s1600/tongue.gif' alt='' class='smiley'/>");_str=_str.replace(/:\(\(/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2plja5mh_eNq_nXRexMsAnLq58NA1ZGExaUcD6jGADbFjRyEAAoedUAl41clVXzGbJ8JMLlVYwdcJNfYhfQ8bUyCpmwPeWsraJyewsq5RtRG9Sy3EXBAlj3rvv5tyO8D6NYS6juK6qx4/s1600/cry2.gif' alt='' class='smiley'/>");_str=_str.replace(/:\)/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXEW9AptW6EGJtoE_jhyphenhyphenq2w_U-28RaAgxEAGK2zA_Kv-Y7Rft-IleQi6WIPulsrGru_hkiVlzhkb4i5aQJHqpel7qdurxttJoBY56vIk_5e63RNxPPRwHQtiqzyvh3lMNuFiwy4RSnzqY/s1600/smile3.gif' alt='' class='smiley'/>");_str=_str.replace(/:\(/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-g0lsgil6QF-R0G1tjzfOwUShZB_QiYp1dPhEowT2ieH1AVZwQhVHSg7BCPtShCy4zRZY05RgrPPMk_WV3bkns4m_8Gtsu81UYj580qSI7n3IilZEoOk2BK1ccUqLMJEZUcJPq_numhQ/s1600/sad.gif' alt='' class='smiley'/>");_str=_str.replace(/:-\?/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5tcB44gyXz69Ly9jzAD6K7JE9LZBhaqO_pPHEilBNTW68bmlqP21DHIbJaax4gbQULsGfihh8-Z4OXg1jG_zhSIMdP2kVHzDZpkTppAgbUDPP3KcY88RdBA1TrAStCPy-dwoutKr2SME/s1600/think.gif' alt='' class='smiley'/>");_str=_str.replace(/d\(/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLjpH7f77Mjr_TNtzL168nQmX6ax1TtvuyWFbRLmVGEEj8Np9oRjPmzBRP484RfpyJj2kjfyIJiHjA5RGCENlcro40VUFKLIuVwR4ri2pledsZ_OlJjbtm2HEJq7iX1WqV7tpcUGKxHX4/s1600/doh.gif' alt='' class='smiley'/>");_str=_str.replace(/:-o/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhU2tRnWePAFOs-buZMp3MUaS7-spYAv1KSEBKQQNS5Hmj94b29UqJAKo0Lpsrm2sxz8vYdtbtiSHUZAM7AU7GpKECsatcpVR-cJJNEHI7QBTDNPwhm_yd5tMTZTJLf6cXl1E-CCVY75q8/s1600/shock.gif' alt='' class='smiley'/>");_str=_str.replace(/:-f/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDWRi1uSXArFEXfOk_hK1ai5gly0YevnxmlTxr1GCxtycyIZOgaGJSTdwvAkUr7zXts3Kk1L1Pha44060Ul4I9-HrMc8WcyHE-r37LtNooNkiJkYCULuaUgQYXaFYVGt92upKIpS0N4cE/s1600/flowers1.gif' alt='' class='smiley'/>");_str=_str.replace(/:-ss/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwNlBw5BG-UPPIrUhP5fzmbzr-inss4AvVCBcXGE8SZHzuQGQBrpCfvPC3iNRAgtMsW0G38ToSDxdNcT3K8sfKAsVb_veamlNjs-GwTpnuMeGRsHPtfkOB00baV25b3oH3dgmcHWk9Qxk/s1600/unsure.gif' alt='' class='smiley'/>");_str=_str.replace(/b-\(/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYIbJn11J5XijTnWpfhJE8GWitZh-v2HbiNaB5WIJY8UdvhpBLRlvcus7HQq-837jQZdMTtM6D3HRb2DXRrgwc86fZtpbAiDDLICpa9JjDT9CEBCj0Ed8ZkC2Ql6iBrLvIY_6Inhm8rwg/s1600/threaten.gif' alt='' class='smiley'/>");_str=_str.replace(/h-\(/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjECpO1hypm35Iog2V5RJ_fpvo0FsENRyy4xxGQIIL1J1p1AEkgulCYfLZEvXdEyblpD2Cr98n-X-btETUWeRbGXYYKLsCKhkZvIlJ5xHlkanduVG3ienMB6wKCsgtNDbrU19AJjAcGpjo/s1600/help.gif' alt='' class='smiley'/>");_str=_str.replace(/g-\)/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuq1yxtBTv4ISvDwuV0ygAu-LGc_xY_DOKtm31ixQKZi6TpWPi92ZiZjWIPDfK4tUDD2IZ952MZk4Fbw7HkS5H_xHnB1D_vGWLVerb8Q1KOVpd6PTjh46mX4WiBn5IymP2DOTjJ3I25uM/s1600/good.gif' alt='' class='smiley'/>");_str=_str.replace(/5-\p/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibJfjaTTcvFlM-KAkfb77ZtQNV4qldBvmaf5hKwqs9a1LAhFN4SvmvHtfrVutM-xVGQiy_8dpMgmRT9CPAqmg-q_8j8UfqGHcUwBQr1NwW5w-Wde_m05G9ajNuYW_EeEt9N_WKJzVexfk/s1600/beee.gif' alt='' class='smiley'/>");_str=_str.replace(/y-\)/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDd6THQo5pZhdOhbEpb_Uk9WnP7sPup38if-Y0M-14RkoyB3yhZCFZg3NAZhYLiN8-FUWO_BGHCQ0wKMljEEkzYlex9imu8L1QjQ1bnU5S0ZuHoo6AcvfbTalD3nFx_k2gJ8mqJYXpTKs/s1600/yahoo.gif' alt='' class='smiley'/>");_str=_str.replace(/c-\)/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgD_BxVTRFpPUBjGBlBcXg9nPR2Vw2hJl6olkjYvQ4DdPKufoyGEFX50okSY_69LUFR0VhHH4h8ohyphenhyphenOE9EdK0B-CQupSJKk2phvfL_vuuUNp1sheWM73K7MsCM5fk7_kuuIQnFGHfgHYY/s1600/crazy.gif' alt='' class='smiley'/>");_str=_str.replace(/s-\)/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgX7vGmmxkgOq175Dwynyrn9jPSwXQ7gewyYQ78PJZi-BJUmjqVeq3gRa8NvgdLYG1LJcsg1UGIRz3fKElWF3_KW5ZiAjwYuN_iq3EEwVgsbvsiZzeTGxnnn-XlIru-S8piFHkbZQnwV-E/s1600/spiteful.gif' alt='' class='smiley'/>");_str=_str.replace(/d-\)/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhG5fPft98C_mQAZYy14Wm9lVne-ZZhXWQuqQzq_7W4tCrUY4ITLhmFmr5gfcBxREsEECGfCHsywTBlzPoZrPEFI-j_XsvcIp5adMJxwA3DHF7qjc2fEGWoLLD9i6W5INzmfb5PH-_gu1A/s1600/drinks.gif' alt='' class='smiley'/>");_str=_str.replace(/w-\)/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYAaOu8NMO9dA3LsZcZDJ5Spv15y_Gj6R4SPchaCI0r9-yNq50oUaw_4LqpGopnSXeQ4s23TlUf53oLfBsTqPcBpy6IDph_ZsQPxf8PoMDH2bWbrK8Smox2LvUUwhQs0kjsWNxMSsErg0/s1600/cheer.gif' alt='' class='smiley'/>");_str=_str.replace(/:-\h/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkdh6UVLEVFkw7UlTDaQrD0D92HHUJIkxsGlg4imPMmWAMoGcyn8jFUATn8iLiSXeZzjEK4ncmtsOCas-QUteo9Lry1mbscelW0cogsPbMGmBL1jtmGvhYneHAa7SzQdbucchnM73swK8/s1600/hi+2.gif' alt='' class='smiley'/>");_str=_str.replace(/:X/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVpi_3fdo6rwSF7mShVlDpsL8APMkW2nVCVYbHbDVmgQrU6OoGxcbJsM-JJ8kq5KLvrlomrqn0onW9kyebgO3lpkRsLqMXqT5JtMtdxMv0LJSsRim5wCxdgca1uVFMQ3dYg5j2IYs_tmk/s1600/give_heart.gif' alt='' class='smiley'/>");_str=_str.replace(/:\-\*/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkCU29KAKZzo5opmNVVIw3-2KZ-izryqIA0ZdoAgt_d3G6CfLrKeO3lZsLuGw2dxNee3pk7wetZ1eXBBUNLiQdwOjoBSIjDZrM_A4MMcMqNwsx-ThZv30dRirFfRnPK38IYPEUB-HlB8Y/s1600/air_kiss.gif' alt='' class='smiley'/>");_str=_str.replace(/=\)\)/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhm1O5gE7pXDug4TXTNEoZh2p76X7sxLycXCq48VoyPS06uXQQA_TRpd4In2GCqdKOyCrRN5ql08siUxqXoppHTNxWXlhfCOFT87QdcppldUmFy-abPgJuPus_8x3aatyiv5FlC8mdT0AY/s1600/rofl.gif' alt='' class='smiley'/>");b.item(i).innerHTML=_str;}}}
//]]>
</script>
If your comment is threaded Ignore step 6 to 9
Step 6: Find the snippet code below
<b:loop values='data:post.comments' var='comment'>Step 7: Paste the following line just above the snippet
<div id='smileys'>Step 8: Find </b:loop> tag and look carefully, it should be located below the code from step 6
</b:loop>Step 9: Paste the div below after it.
</div>Step 10: Next, find this code
a) If you are using Previous Commenting System.
<data:blogTeamBlogMessage/>You might find this up to four(4) times, stop at the second one.
b)If you are using threaded commenting system search for the line below stop at the second or the fourth occurrence.
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
Step 11: Add the code below just directly after the line
<b:if cond='data:blog.pageType == "item"'><script type='text/javascript'>
//<![CDATA[
function moreSmilies() {
document.getElementById('smiley-more').style.display = 'inline';
document.getElementById('smiley-toggle').innerHTML = '<a href="javascript:lessSmilies()">Hide Emoticons</a>';
}
function lessSmilies() {
document.getElementById('smiley-more').style.display = 'none';
document.getElementById('smiley-toggle').innerHTML = '<a href="javascript:moreSmilies()">Show Emoticons</a>';
}
//]]>
</script>
<div class='emoticons'>
<span id='smiley-more' style='display: none;'>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXEW9AptW6EGJtoE_jhyphenhyphenq2w_U-28RaAgxEAGK2zA_Kv-Y7Rft-IleQi6WIPulsrGru_hkiVlzhkb4i5aQJHqpel7qdurxttJoBY56vIk_5e63RNxPPRwHQtiqzyvh3lMNuFiwy4RSnzqY/s1600/smile3.gif'/><div class="emos">:)</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-g0lsgil6QF-R0G1tjzfOwUShZB_QiYp1dPhEowT2ieH1AVZwQhVHSg7BCPtShCy4zRZY05RgrPPMk_WV3bkns4m_8Gtsu81UYj580qSI7n3IilZEoOk2BK1ccUqLMJEZUcJPq_numhQ/s1600/sad.gif'/><div class="emos">:(</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuui6J289T6dQlgEr0rsHVI4Fpvf3uwTbm8R4Kgruup5Y1Bn6T8uLcMMgZfkdvDG0sLoiG_4BF6wkcIX0R5sXUhBqGEUayGXwzboXnpxuoT-LBUjjG5ucHV0H038K7KVxHqHQvHg1A1fA/s1600/taunt.gif'/><div class="emos">:))</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2plja5mh_eNq_nXRexMsAnLq58NA1ZGExaUcD6jGADbFjRyEAAoedUAl41clVXzGbJ8JMLlVYwdcJNfYhfQ8bUyCpmwPeWsraJyewsq5RtRG9Sy3EXBAlj3rvv5tyO8D6NYS6juK6qx4/s1600/cry2.gif'/><div class="emos">:((</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhm1O5gE7pXDug4TXTNEoZh2p76X7sxLycXCq48VoyPS06uXQQA_TRpd4In2GCqdKOyCrRN5ql08siUxqXoppHTNxWXlhfCOFT87QdcppldUmFy-abPgJuPus_8x3aatyiv5FlC8mdT0AY/s1600/rofl.gif'/><div class="emos">=))</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJj2AVq_6pYaKDuKTxqZi9oadqSnMKEkqOc3bZy2WEb5ZaJ5zsuJGIJkvvqLVBMAg4Q6elqrgw6vep0znox4SlI4HlhTMIlM1tX1O9NxwcxLt8K4X2zzg_IgQ94XEeyZDXufPcKYDepVA/s1600/suicide.gif'/><div class="emos">=D></div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIpli6C98WOg6V_fuphtHU72sjwvmjNane9t8rtDKo2ZEaPrSeQtfhjlu8hxtH8FYYRc6mGJhJwQY_nnctvUFN30_Prda5cm5KpDsRF41BbUaTvxc2lN4j1gfjJ-EWZJIGNI3dKvBSX7s/s1600/biggrin.gif'/><div class="emos">:D</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhP3nBidTnFmcIttEQ5-Mmz-yvJ_BS6___a5yJ6BAQhGn0VsBqnBTPGo2q0Vb3KfxVK_YysW6Bm0Ew68ur-bMms2HcwoFccBZzqIXOONoIHmNxBd6bDCGMxIeUgvfcc2xZP4Vn9LxwPliI/s1600/tongue.gif'/><div class="emos">:P</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhU2tRnWePAFOs-buZMp3MUaS7-spYAv1KSEBKQQNS5Hmj94b29UqJAKo0Lpsrm2sxz8vYdtbtiSHUZAM7AU7GpKECsatcpVR-cJJNEHI7QBTDNPwhm_yd5tMTZTJLf6cXl1E-CCVY75q8/s1600/shock.gif'/><div class="emos">:-O</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5tcB44gyXz69Ly9jzAD6K7JE9LZBhaqO_pPHEilBNTW68bmlqP21DHIbJaax4gbQULsGfihh8-Z4OXg1jG_zhSIMdP2kVHzDZpkTppAgbUDPP3KcY88RdBA1TrAStCPy-dwoutKr2SME/s1600/think.gif'/><div class="emos">:-?</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwNlBw5BG-UPPIrUhP5fzmbzr-inss4AvVCBcXGE8SZHzuQGQBrpCfvPC3iNRAgtMsW0G38ToSDxdNcT3K8sfKAsVb_veamlNjs-GwTpnuMeGRsHPtfkOB00baV25b3oH3dgmcHWk9Qxk/s1600/unsure.gif'/><div class="emos">:-SS</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDWRi1uSXArFEXfOk_hK1ai5gly0YevnxmlTxr1GCxtycyIZOgaGJSTdwvAkUr7zXts3Kk1L1Pha44060Ul4I9-HrMc8WcyHE-r37LtNooNkiJkYCULuaUgQYXaFYVGt92upKIpS0N4cE/s1600/flowers1.gif'/><div class="emos">:-f</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLjpH7f77Mjr_TNtzL168nQmX6ax1TtvuyWFbRLmVGEEj8Np9oRjPmzBRP484RfpyJj2kjfyIJiHjA5RGCENlcro40VUFKLIuVwR4ri2pledsZ_OlJjbtm2HEJq7iX1WqV7tpcUGKxHX4/s1600/doh.gif'/><div class="emos">d(</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkCU29KAKZzo5opmNVVIw3-2KZ-izryqIA0ZdoAgt_d3G6CfLrKeO3lZsLuGw2dxNee3pk7wetZ1eXBBUNLiQdwOjoBSIjDZrM_A4MMcMqNwsx-ThZv30dRirFfRnPK38IYPEUB-HlB8Y/s1600/air_kiss.gif'/><div class="emos">:-*</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYIbJn11J5XijTnWpfhJE8GWitZh-v2HbiNaB5WIJY8UdvhpBLRlvcus7HQq-837jQZdMTtM6D3HRb2DXRrgwc86fZtpbAiDDLICpa9JjDT9CEBCj0Ed8ZkC2Ql6iBrLvIY_6Inhm8rwg/s1600/threaten.gif'/><div class="emos">b-(</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjECpO1hypm35Iog2V5RJ_fpvo0FsENRyy4xxGQIIL1J1p1AEkgulCYfLZEvXdEyblpD2Cr98n-X-btETUWeRbGXYYKLsCKhkZvIlJ5xHlkanduVG3ienMB6wKCsgtNDbrU19AJjAcGpjo/s1600/help.gif'/><div class="emos">h-(</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuq1yxtBTv4ISvDwuV0ygAu-LGc_xY_DOKtm31ixQKZi6TpWPi92ZiZjWIPDfK4tUDD2IZ952MZk4Fbw7HkS5H_xHnB1D_vGWLVerb8Q1KOVpd6PTjh46mX4WiBn5IymP2DOTjJ3I25uM/s1600/good.gif'/><div class="emos">g-)</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibJfjaTTcvFlM-KAkfb77ZtQNV4qldBvmaf5hKwqs9a1LAhFN4SvmvHtfrVutM-xVGQiy_8dpMgmRT9CPAqmg-q_8j8UfqGHcUwBQr1NwW5w-Wde_m05G9ajNuYW_EeEt9N_WKJzVexfk/s1600/beee.gif'/><div class="emos">5-p</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDd6THQo5pZhdOhbEpb_Uk9WnP7sPup38if-Y0M-14RkoyB3yhZCFZg3NAZhYLiN8-FUWO_BGHCQ0wKMljEEkzYlex9imu8L1QjQ1bnU5S0ZuHoo6AcvfbTalD3nFx_k2gJ8mqJYXpTKs/s1600/yahoo.gif'/><div class="emos">y-)</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgD_BxVTRFpPUBjGBlBcXg9nPR2Vw2hJl6olkjYvQ4DdPKufoyGEFX50okSY_69LUFR0VhHH4h8ohyphenhyphenOE9EdK0B-CQupSJKk2phvfL_vuuUNp1sheWM73K7MsCM5fk7_kuuIQnFGHfgHYY/s1600/crazy.gif'/><div class="emos">c-)</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgX7vGmmxkgOq175Dwynyrn9jPSwXQ7gewyYQ78PJZi-BJUmjqVeq3gRa8NvgdLYG1LJcsg1UGIRz3fKElWF3_KW5ZiAjwYuN_iq3EEwVgsbvsiZzeTGxnnn-XlIru-S8piFHkbZQnwV-E/s1600/spiteful.gif'/><div class="emos">s-)</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhG5fPft98C_mQAZYy14Wm9lVne-ZZhXWQuqQzq_7W4tCrUY4ITLhmFmr5gfcBxREsEECGfCHsywTBlzPoZrPEFI-j_XsvcIp5adMJxwA3DHF7qjc2fEGWoLLD9i6W5INzmfb5PH-_gu1A/s1600/drinks.gif'/><div class="emos">d-)</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYAaOu8NMO9dA3LsZcZDJ5Spv15y_Gj6R4SPchaCI0r9-yNq50oUaw_4LqpGopnSXeQ4s23TlUf53oLfBsTqPcBpy6IDph_ZsQPxf8PoMDH2bWbrK8Smox2LvUUwhQs0kjsWNxMSsErg0/s1600/cheer.gif'/><div class="emos">w-)</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkdh6UVLEVFkw7UlTDaQrD0D92HHUJIkxsGlg4imPMmWAMoGcyn8jFUATn8iLiSXeZzjEK4ncmtsOCas-QUteo9Lry1mbscelW0cogsPbMGmBL1jtmGvhYneHAa7SzQdbucchnM73swK8/s1600/hi+2.gif'/><div class="emos">:-h</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVpi_3fdo6rwSF7mShVlDpsL8APMkW2nVCVYbHbDVmgQrU6OoGxcbJsM-JJ8kq5KLvrlomrqn0onW9kyebgO3lpkRsLqMXqT5JtMtdxMv0LJSsRim5wCxdgca1uVFMQ3dYg5j2IYs_tmk/s1600/give_heart.gif'/><div class="emos">:X</div></div>
</span>
<span id='smiley-toggle'><a href='javascript:moreSmilies()'>Show Emoticons <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXEW9AptW6EGJtoE_jhyphenhyphenq2w_U-28RaAgxEAGK2zA_Kv-Y7Rft-IleQi6WIPulsrGru_hkiVlzhkb4i5aQJHqpel7qdurxttJoBY56vIk_5e63RNxPPRwHQtiqzyvh3lMNuFiwy4RSnzqY/s1600/smile3.gif'/></a></span>
</div></b:if>
Step 12: We are almost done, find
]]></b:skin>Add the css code below above the ]]></b:skin> tag
.itemo{float:left;font-size:11px;height:30px;line-height:1.2;padding:10px 0;text-align:center;width:85px;}Step 13: Save your template, you are done adding an awesome emoticons in blogger comment system.
span#smiley-toggle{clear:both;padding:15px 10px;float:left;font:bold 14px 'Oswald', sans-serif;}
span#smiley-toggle a{text-decoration:none;}
#smiley-toggle img{vertical-align:bottom;}
img.smiley{vertical-align:bottom;}
Flex am!