How To Add Together Emoticons/Smileys Inwards Blogger Comments
Tuesday, May 12, 2020
Edit
Emoticons or smiley faces are a nifty means to brand comments to a greater extent than interesting in addition to fun, therefore it's a compassion that Blogger doesn't back upwardly them. In this tutorial, nosotros volition larn through unopen to uncomplicated steps to add together these cool emoticons called Kolobok inward Blogger/Blogspot comments, therefore that yous in addition to your weblog visitors volition move able to convey an enjoyable fourth dimension together.
UPDATE: Now available for threaded commenting arrangement too!
Step 2. Click anywhere within the code expanse in addition to press the CTRL + F keys to opened upwardly the search box
Step 3. Search (CTRL + F) for this tag:
Step 4. Now pay attending which code yous should use. If your comments convey no reply button, in addition to therefore yous are using the previous commenting system, otherwise hold off for the threaded comments codes:
a) Use this script for previous commenting arrangement amongst comments that convey no reply function:
Step 5. Find this code snippet:
a) For previous commenting system:
b) For threaded commenting arrangement notice the instant (2nd) in addition to 4th (4th) occurrence of the describe below:
UPDATE: Now available for threaded commenting arrangement too!
Adding Kolobok Emoticons or Smileys inward Blogger Comments
Step 1. Log inward to your Blogger describe of piece of employment organisation human relationship in addition to larn to 'Template', in addition to therefore click the 'Edit HTML' button:Step 2. Click anywhere within the code expanse in addition to press the CTRL + F keys to opened upwardly the search box
Step 3. Search (CTRL + F) for this tag:
</body>
Step 4. Now pay attending which code yous should use. If your comments convey no reply button, in addition to therefore yous are using the previous commenting system, otherwise hold off for the threaded comments codes:
a) Use this script for previous commenting arrangement amongst comments that convey no reply function:
<!--kolobok-smileys-->b) Script for threaded commenting arrangement amongst comments that convey the reply function:
<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/AVvXsEh3fjkL5r-ivb70_NkaZOD_vgFgzjHMJ9t1LiYF04yV-jNxO7FP7To9lA3COuXYpxUh6RP7sqWtk3UBrn4HpTNEDb4VyxEO7jpbp1DT9-Q6rLZmXKvEOJ4fyiGWLyhp_TNFT9V7FV9z9UU/s1600/taunt.gif'/>");
theText = theText.replace(/=d>/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5JVZhyphenhyphenwX5cQuhqOpf7V-WvPV9zYZa_wDuzPKqf2I1YojeCudKr0tc6PzKs9bS4NrTDpp1GMUPb7NlbRm0y0gR7y4DZ3OUXHF0qKOutcMoo-19XivE2HQ9N85Txbrv031OOZOqVWbAcLQ/s1600/suicide.gif'/>");
theText = theText.replace(/:d/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgR7nwAYlDO2ytb3SZVDPDVc_r0qMbxaqRDqcx4t8Pw7-Zdq5qdX8dMqIlukZOl65zcs2I0e4Cx9lpGV0yt_yOrg76SywbxFWtqFZDQfF3R26V2SuJF8q5WTFknJIP5INsmXrcvWakZ-r0/s1600/biggrin.gif'/>");
theText = theText.replace(/:p/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFKGr2RrT-u_9Em-yoOHxUetYswC2I4XKP-5YWRVxiJckbR_ikdGgMqSuf837GRASZfWr7qedujcLNXM9ukoKCi_NXMEtgQaAibaIFskto1uCu02eaTx7_eNdDaIxWgmFhK3vtXSJ7aAg/s1600/tongue.gif'/>");
theText = theText.replace(/:\(\(/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMWj87wRAtkP97Mrw760N34bWQmU_n38B4yqSFJSmb9MeatOJBUv8hQ4NekqmZ1ErlY2xdKIzr_PEmauuD6Qmk-YdZhBsqv3yrjywe18u7GJ1Ir9HJxWW9Q79Ez2YoHr5h9SBVGwNc9L0/s1600/cry2.gif'/>");
theText = theText.replace(/:\)/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAXmoRPYkyo26S6RyWvP5sjFcvvsjaEspGyp0denQsvlVDRJz3kkOdwzoT9zIGqigwPBhVrEkPRis77KjgoBxcyEWFKC1awoAkJbRD0ebQek4rmcsmSmY_EdQZjquA7iZXoqxNfAxxTHQ/s1600/smile3.gif'/>");
theText = theText.replace(/:\(/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOl-oQSTtAlee3bshzlzTxc2DPitATTtHUsqH9CLjQr-XUk61x0JdESyDv2nG1TlH3R0NGK_-6fmAQkH0m5G5BN2-WxHeQK2TNrlI06kbFH80sMd62JwNpe9XfwR9muLH_LFIajRLVDpw/s1600/sad.gif'/>");
theText = theText.replace(/:-\?/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgROXeW6VMnEuPaI3tlfQUtBb8palTt5syyOJaqFH2xECqwyz1AWZa5L8bM-WC7VmnQily13WRwn5y0JHx9WMwvFrqlGMTYYQ8qYgNjEfLELps88NVzAerg9ux1JG7GnuIIcG374oCZ0kc/s1600/think.gif'/>");
theText = theText.replace(/d\(/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCa-vFz5MqQWO3AcFQWgGWgUo1gEjiLFh-uat8OqNIDNTu0jIt5Pazefp_SQdgn8NRbqHxRLP_wrbnvRfh69IW0d16ipkf6JWOBId-F_zUdj978nEty6q3AElerSkc5VdMwitqO2Ylatc/s1600/doh.gif'/>");
theText = theText.replace(/:-o/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7pB6UUZX1o5KGeMs7N7wJVumgT0VyoqmpiaIyeBroxfhhB7H2IdArHrjHo1EsuO0eThxa48I8LBIZU_5sMkfMqK2tIHz9wZjEIZYmG2D2jiu5jE3RwqXky2swXvWp8Z1llK5coyIAnkQ/s1600/shock.gif'/>");
theText = theText.replace(/:-f/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJ_v0O3vRtFwrMit7Mr1mL0xB_vmWBxyIFY6bbEi8bzDQ-KhCKXthraJefugUx8VZA5CX_4qPyEUG433t2_lRbkYcBhM6drRy52NyjrhfT9SqD2HKBfe3cevAkt0SLTPMRZKqu4A2QVs8/s1600/flowers1.gif'/>");
theText = theText.replace(/:-ss/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg__u63RATtmZPqHqrtTgzCpkvkmV4vhb09nyn8EnTK3El90X9-vAypAqTV9LzjzRo1D5q8PIXE9wM3vNCdbCyJYkUO7D353tVwznwVHwmuOl_4LAzzTH_OM8qrT-QHmad9v0NB6OLJuCU/s1600/unsure.gif'/>");
theText = theText.replace(/b-\(/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCN2lafdF-pwb9SUdygF0Om1tk1aZ14SAgNbwXgBnLTrONUa518-YfdicTRdzQ_yumOdqLbrccu8q-oiGvbQjvtORQn8kk6SxayDg-9DUwVDekiyz-j-qzsGt6J2O5jig3fulVA4JrEvE/s1600/threaten.gif'/>");
theText = theText.replace(/h-\(/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiB6E1lt0lfEd0DyDgT-i1Lom2iim1dddjdYr4oBpsSJ9pTZRE4rtfUcMSyFzDU2LzOBQdEINmBf_fqFMLOev72CqbH63JAKVvyGXYFNowN9-2LTCx7hP1O14SDk4PimyxNVL4OzH38YzA/s1600/help.gif'/>");
theText = theText.replace(/g-\)/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5L1VHEugoqzOmwhKiFeOYkwA3d5MoPB7g2F_X5GFPSUV2dYiDmCj2eebN0brUp5XAY_F_oMtbLHsWSMtzQb0CtCFT68JBy4h_x-Zxe9AX2En7HFnkrHGnddg54TUlYWwkj1WHV2gB9Nw/s1600/good.gif'/>");
theText = theText.replace(/5-\p/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnIYmUsIFRW1n7hyclXTZVIu2ZcNJa49RFaigRn8A-XVrrVapMcZnamVgYj6BtV5a20a2K6ruqQ34JXbbLjgnRoxZCb0gKYW-4NKsIup7-DcPKhPkRboi-f0XTjJrbclSt4VxarTYma9M/s1600/beee.gif'/>");
theText = theText.replace(/y-\)/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJSgsORgB2WY53Rc1jREP1Iv4_bixZDabO5q9TplX5R_8mi2-xgRzJ8x2H_zSbTj6NFAjbRRZ8u0w2VakA30fB2tcXJtzFlJ0bIYMwkkHSdqIcP6WZvocSVIJdOHIpv6UQCLES_Tmanxc/s1600/yahoo.gif'/>");
theText = theText.replace(/c-\)/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMaIQUEmqLwKDW5uBegFVIdhMpHPUXQWrMrRqB3G6PLwBYmZssI1YWMSTo4DrjOoUgjEgabQDYNdkt44W9F2i4QH55XUky5DwyfBJa8SBxsX_mT4l8FsAU51VquMFAHsKqiQxFZJu2eT4/s1600/crazy.gif'/>");
theText = theText.replace(/s-\)/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-JV6zqRAQvKwYY1PejttzTMqSQjITc3WWAFziRP1c7d96j68tj9qkzHNB-Me2fhVUGWDU3zLB2fBjdc46w768PTyuEL4lYZYL5GyIFd_JZ5yriDxmTnckcJVEs4Th-num7RnlRthwcjs/s1600/spiteful.gif'/>");
theText = theText.replace(/d-\)/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyAoeJmLXeJa29-sQEcx6qjqBousfvWt8qJj5FPX2jrHLQPP69ZtysaRjzQtleTQuq-usuPbiHWA_2rm9BNZEeqX4kJsvqi4RELYaSDNDutiz8ShpArO435fg5ySI47merE-Ob-UZ0u6s/s1600/drinks.gif'/>");
theText = theText.replace(/w-\)/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXPesLvXfb_JVd4nM01XcYXm8bExV5Hw_H1hn3zWT-GrreMbGOHni_cj7MdhLputAd5Equk43nMEWV9ysawNdPUxpgDzFcibQZfoIMCtzXE7e4PiUWB09M_OFXv4jKYQAoqMC3gXoJAaE/s1600/cheer.gif'/>");
theText = theText.replace(/:-\h/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2bUks1CITJmr4JEXg4U9QASQze9m7yJZHvr0JQ-M4XAutjsnKxle4RTexm9JHbbbW3C023YidOIxjDl38Bcq4vXOWHyBjiJu5cBIjrIPLPt3BLavUHd42yqM2bedNNMMlCGlkeJcXPDw/s1600/hi+2.gif'/>");
theText = theText.replace(/:X/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCvXk-3je4CtSCT3V1r4IUvke6IAkB2a2fYTgGsDLAwddBnXTpTNSLPj1IGEPwZ0ViRC9O7PffFKji3XNSTq00BVyLN_z7_LPsXcbvy_Ieexrq2n8fJQCa9_kDkQ97fRslArHRmzSN-aA/s1600/give_heart.gif'/>");
theText = theText.replace(/:\-\*/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSDWLMzHxaNNIzvRF2tzuw6-rVFcZM-h-Nt1aQKyFpu9MSU9z0gGm9Y7OhHqyTqjHdl4NuvFacKerRpOt9IuVifzGfUrqcVSL8TD9Qlt6eZn40H0FrxbZdV3xvn5uemPKIOZLKQ1PK5Is/s1600/air_kiss.gif'/>");
theText = theText.replace(/=\)\)/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT_A2eXqQ3Uy_3u0us6KrlrvZgRaYsPLJx9u9Lwuv7l9jzqOMd-NgXFiVd-1IYb9t9WJZ2_uo-zxRvv3Zx7x2Y_a1V56OQxMNwaKjdoC-p3JGl059HdlsYxvfdqiloV6r9NPZTb23gsAA/s1600/rofl.gif'/>");
bodyText.innerHTML = theText;
}
replaceText();
//]]>
</script>
<!--kolobok-smileys-->
<script type='text/javascript'>Note: ignore the side past times side 5-8 steps if yous convey threaded comments!
//<![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/AVvXsEh3fjkL5r-ivb70_NkaZOD_vgFgzjHMJ9t1LiYF04yV-jNxO7FP7To9lA3COuXYpxUh6RP7sqWtk3UBrn4HpTNEDb4VyxEO7jpbp1DT9-Q6rLZmXKvEOJ4fyiGWLyhp_TNFT9V7FV9z9UU/s1600/taunt.gif' alt='' class='smiley'/>");_str=_str.replace(/=d>/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5JVZhyphenhyphenwX5cQuhqOpf7V-WvPV9zYZa_wDuzPKqf2I1YojeCudKr0tc6PzKs9bS4NrTDpp1GMUPb7NlbRm0y0gR7y4DZ3OUXHF0qKOutcMoo-19XivE2HQ9N85Txbrv031OOZOqVWbAcLQ/s1600/suicide.gif' alt='' class='smiley'/>");_str=_str.replace(/:d/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgR7nwAYlDO2ytb3SZVDPDVc_r0qMbxaqRDqcx4t8Pw7-Zdq5qdX8dMqIlukZOl65zcs2I0e4Cx9lpGV0yt_yOrg76SywbxFWtqFZDQfF3R26V2SuJF8q5WTFknJIP5INsmXrcvWakZ-r0/s1600/biggrin.gif' alt='' class='smiley'/>");_str=_str.replace(/:p/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFKGr2RrT-u_9Em-yoOHxUetYswC2I4XKP-5YWRVxiJckbR_ikdGgMqSuf837GRASZfWr7qedujcLNXM9ukoKCi_NXMEtgQaAibaIFskto1uCu02eaTx7_eNdDaIxWgmFhK3vtXSJ7aAg/s1600/tongue.gif' alt='' class='smiley'/>");_str=_str.replace(/:\(\(/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMWj87wRAtkP97Mrw760N34bWQmU_n38B4yqSFJSmb9MeatOJBUv8hQ4NekqmZ1ErlY2xdKIzr_PEmauuD6Qmk-YdZhBsqv3yrjywe18u7GJ1Ir9HJxWW9Q79Ez2YoHr5h9SBVGwNc9L0/s1600/cry2.gif' alt='' class='smiley'/>");_str=_str.replace(/:\)/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAXmoRPYkyo26S6RyWvP5sjFcvvsjaEspGyp0denQsvlVDRJz3kkOdwzoT9zIGqigwPBhVrEkPRis77KjgoBxcyEWFKC1awoAkJbRD0ebQek4rmcsmSmY_EdQZjquA7iZXoqxNfAxxTHQ/s1600/smile3.gif' alt='' class='smiley'/>");_str=_str.replace(/:\(/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOl-oQSTtAlee3bshzlzTxc2DPitATTtHUsqH9CLjQr-XUk61x0JdESyDv2nG1TlH3R0NGK_-6fmAQkH0m5G5BN2-WxHeQK2TNrlI06kbFH80sMd62JwNpe9XfwR9muLH_LFIajRLVDpw/s1600/sad.gif' alt='' class='smiley'/>");_str=_str.replace(/:-\?/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgROXeW6VMnEuPaI3tlfQUtBb8palTt5syyOJaqFH2xECqwyz1AWZa5L8bM-WC7VmnQily13WRwn5y0JHx9WMwvFrqlGMTYYQ8qYgNjEfLELps88NVzAerg9ux1JG7GnuIIcG374oCZ0kc/s1600/think.gif' alt='' class='smiley'/>");_str=_str.replace(/d\(/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCa-vFz5MqQWO3AcFQWgGWgUo1gEjiLFh-uat8OqNIDNTu0jIt5Pazefp_SQdgn8NRbqHxRLP_wrbnvRfh69IW0d16ipkf6JWOBId-F_zUdj978nEty6q3AElerSkc5VdMwitqO2Ylatc/s1600/doh.gif' alt='' class='smiley'/>");_str=_str.replace(/:-o/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7pB6UUZX1o5KGeMs7N7wJVumgT0VyoqmpiaIyeBroxfhhB7H2IdArHrjHo1EsuO0eThxa48I8LBIZU_5sMkfMqK2tIHz9wZjEIZYmG2D2jiu5jE3RwqXky2swXvWp8Z1llK5coyIAnkQ/s1600/shock.gif' alt='' class='smiley'/>");_str=_str.replace(/:-f/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJ_v0O3vRtFwrMit7Mr1mL0xB_vmWBxyIFY6bbEi8bzDQ-KhCKXthraJefugUx8VZA5CX_4qPyEUG433t2_lRbkYcBhM6drRy52NyjrhfT9SqD2HKBfe3cevAkt0SLTPMRZKqu4A2QVs8/s1600/flowers1.gif' alt='' class='smiley'/>");_str=_str.replace(/:-ss/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg__u63RATtmZPqHqrtTgzCpkvkmV4vhb09nyn8EnTK3El90X9-vAypAqTV9LzjzRo1D5q8PIXE9wM3vNCdbCyJYkUO7D353tVwznwVHwmuOl_4LAzzTH_OM8qrT-QHmad9v0NB6OLJuCU/s1600/unsure.gif' alt='' class='smiley'/>");_str=_str.replace(/b-\(/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCN2lafdF-pwb9SUdygF0Om1tk1aZ14SAgNbwXgBnLTrONUa518-YfdicTRdzQ_yumOdqLbrccu8q-oiGvbQjvtORQn8kk6SxayDg-9DUwVDekiyz-j-qzsGt6J2O5jig3fulVA4JrEvE/s1600/threaten.gif' alt='' class='smiley'/>");_str=_str.replace(/h-\(/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiB6E1lt0lfEd0DyDgT-i1Lom2iim1dddjdYr4oBpsSJ9pTZRE4rtfUcMSyFzDU2LzOBQdEINmBf_fqFMLOev72CqbH63JAKVvyGXYFNowN9-2LTCx7hP1O14SDk4PimyxNVL4OzH38YzA/s1600/help.gif' alt='' class='smiley'/>");_str=_str.replace(/g-\)/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5L1VHEugoqzOmwhKiFeOYkwA3d5MoPB7g2F_X5GFPSUV2dYiDmCj2eebN0brUp5XAY_F_oMtbLHsWSMtzQb0CtCFT68JBy4h_x-Zxe9AX2En7HFnkrHGnddg54TUlYWwkj1WHV2gB9Nw/s1600/good.gif' alt='' class='smiley'/>");_str=_str.replace(/5-\p/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnIYmUsIFRW1n7hyclXTZVIu2ZcNJa49RFaigRn8A-XVrrVapMcZnamVgYj6BtV5a20a2K6ruqQ34JXbbLjgnRoxZCb0gKYW-4NKsIup7-DcPKhPkRboi-f0XTjJrbclSt4VxarTYma9M/s1600/beee.gif' alt='' class='smiley'/>");_str=_str.replace(/y-\)/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJSgsORgB2WY53Rc1jREP1Iv4_bixZDabO5q9TplX5R_8mi2-xgRzJ8x2H_zSbTj6NFAjbRRZ8u0w2VakA30fB2tcXJtzFlJ0bIYMwkkHSdqIcP6WZvocSVIJdOHIpv6UQCLES_Tmanxc/s1600/yahoo.gif' alt='' class='smiley'/>");_str=_str.replace(/c-\)/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMaIQUEmqLwKDW5uBegFVIdhMpHPUXQWrMrRqB3G6PLwBYmZssI1YWMSTo4DrjOoUgjEgabQDYNdkt44W9F2i4QH55XUky5DwyfBJa8SBxsX_mT4l8FsAU51VquMFAHsKqiQxFZJu2eT4/s1600/crazy.gif' alt='' class='smiley'/>");_str=_str.replace(/s-\)/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-JV6zqRAQvKwYY1PejttzTMqSQjITc3WWAFziRP1c7d96j68tj9qkzHNB-Me2fhVUGWDU3zLB2fBjdc46w768PTyuEL4lYZYL5GyIFd_JZ5yriDxmTnckcJVEs4Th-num7RnlRthwcjs/s1600/spiteful.gif' alt='' class='smiley'/>");_str=_str.replace(/d-\)/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyAoeJmLXeJa29-sQEcx6qjqBousfvWt8qJj5FPX2jrHLQPP69ZtysaRjzQtleTQuq-usuPbiHWA_2rm9BNZEeqX4kJsvqi4RELYaSDNDutiz8ShpArO435fg5ySI47merE-Ob-UZ0u6s/s1600/drinks.gif' alt='' class='smiley'/>");_str=_str.replace(/w-\)/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXPesLvXfb_JVd4nM01XcYXm8bExV5Hw_H1hn3zWT-GrreMbGOHni_cj7MdhLputAd5Equk43nMEWV9ysawNdPUxpgDzFcibQZfoIMCtzXE7e4PiUWB09M_OFXv4jKYQAoqMC3gXoJAaE/s1600/cheer.gif' alt='' class='smiley'/>");_str=_str.replace(/:-\h/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2bUks1CITJmr4JEXg4U9QASQze9m7yJZHvr0JQ-M4XAutjsnKxle4RTexm9JHbbbW3C023YidOIxjDl38Bcq4vXOWHyBjiJu5cBIjrIPLPt3BLavUHd42yqM2bedNNMMlCGlkeJcXPDw/s1600/hi+2.gif' alt='' class='smiley'/>");_str=_str.replace(/:X/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCvXk-3je4CtSCT3V1r4IUvke6IAkB2a2fYTgGsDLAwddBnXTpTNSLPj1IGEPwZ0ViRC9O7PffFKji3XNSTq00BVyLN_z7_LPsXcbvy_Ieexrq2n8fJQCa9_kDkQ97fRslArHRmzSN-aA/s1600/give_heart.gif' alt='' class='smiley'/>");_str=_str.replace(/:\-\*/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSDWLMzHxaNNIzvRF2tzuw6-rVFcZM-h-Nt1aQKyFpu9MSU9z0gGm9Y7OhHqyTqjHdl4NuvFacKerRpOt9IuVifzGfUrqcVSL8TD9Qlt6eZn40H0FrxbZdV3xvn5uemPKIOZLKQ1PK5Is/s1600/air_kiss.gif' alt='' class='smiley'/>");_str=_str.replace(/=\)\)/gi,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT_A2eXqQ3Uy_3u0us6KrlrvZgRaYsPLJx9u9Lwuv7l9jzqOMd-NgXFiVd-1IYb9t9WJZ2_uo-zxRvv3Zx7x2Y_a1V56OQxMNwaKjdoC-p3JGl059HdlsYxvfdqiloV6r9NPZTb23gsAA/s1600/rofl.gif' alt='' class='smiley'/>");b.item(i).innerHTML=_str;}}}
//]]>
</script>
Step 5. Find this code snippet:
<b:loop values='data:post.comments' var='comment'>Step 6. Paste the next describe simply inward a higher house it:
<div id='smileys'>Step 7. Find the next tag in addition to hold off carefully, it should move somewhere below the code from pace 5:
</b:loop>Step 8. Paste the below div tag simply AFTER it:
</div>Step 9. Now notice this code:
a) For previous commenting system:
<data:blogTeamBlogMessage/>Note: if you'll notice it similar 4 times, halt at the instant 1 (press Enter two times).
b) For threaded commenting arrangement notice the instant (2nd) in addition to 4th (4th) occurrence of the describe below:
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>Step 10. Just AFTER the describe above, add together this code:
<b:if cond='data:blog.pageType == "item"'><script type='text/javascript'>Step 11. Finally, notice this tag:
//<![CDATA[
role moreSmilies() {
document.getElementById('smiley-more').style.display = 'inline';
document.getElementById('smiley-toggle').innerHTML = '<a href="javascript:lessSmilies()">Hide Emoticons</a>';
}
role 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/AVvXsEiAXmoRPYkyo26S6RyWvP5sjFcvvsjaEspGyp0denQsvlVDRJz3kkOdwzoT9zIGqigwPBhVrEkPRis77KjgoBxcyEWFKC1awoAkJbRD0ebQek4rmcsmSmY_EdQZjquA7iZXoqxNfAxxTHQ/s1600/smile3.gif'/><div class="emos">:)</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOl-oQSTtAlee3bshzlzTxc2DPitATTtHUsqH9CLjQr-XUk61x0JdESyDv2nG1TlH3R0NGK_-6fmAQkH0m5G5BN2-WxHeQK2TNrlI06kbFH80sMd62JwNpe9XfwR9muLH_LFIajRLVDpw/s1600/sad.gif'/><div class="emos">:(</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3fjkL5r-ivb70_NkaZOD_vgFgzjHMJ9t1LiYF04yV-jNxO7FP7To9lA3COuXYpxUh6RP7sqWtk3UBrn4HpTNEDb4VyxEO7jpbp1DT9-Q6rLZmXKvEOJ4fyiGWLyhp_TNFT9V7FV9z9UU/s1600/taunt.gif'/><div class="emos">:))</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMWj87wRAtkP97Mrw760N34bWQmU_n38B4yqSFJSmb9MeatOJBUv8hQ4NekqmZ1ErlY2xdKIzr_PEmauuD6Qmk-YdZhBsqv3yrjywe18u7GJ1Ir9HJxWW9Q79Ez2YoHr5h9SBVGwNc9L0/s1600/cry2.gif'/><div class="emos">:((</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT_A2eXqQ3Uy_3u0us6KrlrvZgRaYsPLJx9u9Lwuv7l9jzqOMd-NgXFiVd-1IYb9t9WJZ2_uo-zxRvv3Zx7x2Y_a1V56OQxMNwaKjdoC-p3JGl059HdlsYxvfdqiloV6r9NPZTb23gsAA/s1600/rofl.gif'/><div class="emos">=))</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5JVZhyphenhyphenwX5cQuhqOpf7V-WvPV9zYZa_wDuzPKqf2I1YojeCudKr0tc6PzKs9bS4NrTDpp1GMUPb7NlbRm0y0gR7y4DZ3OUXHF0qKOutcMoo-19XivE2HQ9N85Txbrv031OOZOqVWbAcLQ/s1600/suicide.gif'/><div class="emos">=D></div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgR7nwAYlDO2ytb3SZVDPDVc_r0qMbxaqRDqcx4t8Pw7-Zdq5qdX8dMqIlukZOl65zcs2I0e4Cx9lpGV0yt_yOrg76SywbxFWtqFZDQfF3R26V2SuJF8q5WTFknJIP5INsmXrcvWakZ-r0/s1600/biggrin.gif'/><div class="emos">:D</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFKGr2RrT-u_9Em-yoOHxUetYswC2I4XKP-5YWRVxiJckbR_ikdGgMqSuf837GRASZfWr7qedujcLNXM9ukoKCi_NXMEtgQaAibaIFskto1uCu02eaTx7_eNdDaIxWgmFhK3vtXSJ7aAg/s1600/tongue.gif'/><div class="emos">:P</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7pB6UUZX1o5KGeMs7N7wJVumgT0VyoqmpiaIyeBroxfhhB7H2IdArHrjHo1EsuO0eThxa48I8LBIZU_5sMkfMqK2tIHz9wZjEIZYmG2D2jiu5jE3RwqXky2swXvWp8Z1llK5coyIAnkQ/s1600/shock.gif'/><div class="emos">:-O</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgROXeW6VMnEuPaI3tlfQUtBb8palTt5syyOJaqFH2xECqwyz1AWZa5L8bM-WC7VmnQily13WRwn5y0JHx9WMwvFrqlGMTYYQ8qYgNjEfLELps88NVzAerg9ux1JG7GnuIIcG374oCZ0kc/s1600/think.gif'/><div class="emos">:-?</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg__u63RATtmZPqHqrtTgzCpkvkmV4vhb09nyn8EnTK3El90X9-vAypAqTV9LzjzRo1D5q8PIXE9wM3vNCdbCyJYkUO7D353tVwznwVHwmuOl_4LAzzTH_OM8qrT-QHmad9v0NB6OLJuCU/s1600/unsure.gif'/><div class="emos">:-SS</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJ_v0O3vRtFwrMit7Mr1mL0xB_vmWBxyIFY6bbEi8bzDQ-KhCKXthraJefugUx8VZA5CX_4qPyEUG433t2_lRbkYcBhM6drRy52NyjrhfT9SqD2HKBfe3cevAkt0SLTPMRZKqu4A2QVs8/s1600/flowers1.gif'/><div class="emos">:-f</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCa-vFz5MqQWO3AcFQWgGWgUo1gEjiLFh-uat8OqNIDNTu0jIt5Pazefp_SQdgn8NRbqHxRLP_wrbnvRfh69IW0d16ipkf6JWOBId-F_zUdj978nEty6q3AElerSkc5VdMwitqO2Ylatc/s1600/doh.gif'/><div class="emos">d(</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSDWLMzHxaNNIzvRF2tzuw6-rVFcZM-h-Nt1aQKyFpu9MSU9z0gGm9Y7OhHqyTqjHdl4NuvFacKerRpOt9IuVifzGfUrqcVSL8TD9Qlt6eZn40H0FrxbZdV3xvn5uemPKIOZLKQ1PK5Is/s1600/air_kiss.gif'/><div class="emos">:-*</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCN2lafdF-pwb9SUdygF0Om1tk1aZ14SAgNbwXgBnLTrONUa518-YfdicTRdzQ_yumOdqLbrccu8q-oiGvbQjvtORQn8kk6SxayDg-9DUwVDekiyz-j-qzsGt6J2O5jig3fulVA4JrEvE/s1600/threaten.gif'/><div class="emos">b-(</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiB6E1lt0lfEd0DyDgT-i1Lom2iim1dddjdYr4oBpsSJ9pTZRE4rtfUcMSyFzDU2LzOBQdEINmBf_fqFMLOev72CqbH63JAKVvyGXYFNowN9-2LTCx7hP1O14SDk4PimyxNVL4OzH38YzA/s1600/help.gif'/><div class="emos">h-(</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5L1VHEugoqzOmwhKiFeOYkwA3d5MoPB7g2F_X5GFPSUV2dYiDmCj2eebN0brUp5XAY_F_oMtbLHsWSMtzQb0CtCFT68JBy4h_x-Zxe9AX2En7HFnkrHGnddg54TUlYWwkj1WHV2gB9Nw/s1600/good.gif'/><div class="emos">g-)</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnIYmUsIFRW1n7hyclXTZVIu2ZcNJa49RFaigRn8A-XVrrVapMcZnamVgYj6BtV5a20a2K6ruqQ34JXbbLjgnRoxZCb0gKYW-4NKsIup7-DcPKhPkRboi-f0XTjJrbclSt4VxarTYma9M/s1600/beee.gif'/><div class="emos">5-p</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJSgsORgB2WY53Rc1jREP1Iv4_bixZDabO5q9TplX5R_8mi2-xgRzJ8x2H_zSbTj6NFAjbRRZ8u0w2VakA30fB2tcXJtzFlJ0bIYMwkkHSdqIcP6WZvocSVIJdOHIpv6UQCLES_Tmanxc/s1600/yahoo.gif'/><div class="emos">y-)</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMaIQUEmqLwKDW5uBegFVIdhMpHPUXQWrMrRqB3G6PLwBYmZssI1YWMSTo4DrjOoUgjEgabQDYNdkt44W9F2i4QH55XUky5DwyfBJa8SBxsX_mT4l8FsAU51VquMFAHsKqiQxFZJu2eT4/s1600/crazy.gif'/><div class="emos">c-)</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-JV6zqRAQvKwYY1PejttzTMqSQjITc3WWAFziRP1c7d96j68tj9qkzHNB-Me2fhVUGWDU3zLB2fBjdc46w768PTyuEL4lYZYL5GyIFd_JZ5yriDxmTnckcJVEs4Th-num7RnlRthwcjs/s1600/spiteful.gif'/><div class="emos">s-)</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyAoeJmLXeJa29-sQEcx6qjqBousfvWt8qJj5FPX2jrHLQPP69ZtysaRjzQtleTQuq-usuPbiHWA_2rm9BNZEeqX4kJsvqi4RELYaSDNDutiz8ShpArO435fg5ySI47merE-Ob-UZ0u6s/s1600/drinks.gif'/><div class="emos">d-)</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXPesLvXfb_JVd4nM01XcYXm8bExV5Hw_H1hn3zWT-GrreMbGOHni_cj7MdhLputAd5Equk43nMEWV9ysawNdPUxpgDzFcibQZfoIMCtzXE7e4PiUWB09M_OFXv4jKYQAoqMC3gXoJAaE/s1600/cheer.gif'/><div class="emos">w-)</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2bUks1CITJmr4JEXg4U9QASQze9m7yJZHvr0JQ-M4XAutjsnKxle4RTexm9JHbbbW3C023YidOIxjDl38Bcq4vXOWHyBjiJu5cBIjrIPLPt3BLavUHd42yqM2bedNNMMlCGlkeJcXPDw/s1600/hi+2.gif'/><div class="emos">:-h</div></div>
<div class="itemo"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCvXk-3je4CtSCT3V1r4IUvke6IAkB2a2fYTgGsDLAwddBnXTpTNSLPj1IGEPwZ0ViRC9O7PffFKji3XNSTq00BVyLN_z7_LPsXcbvy_Ieexrq2n8fJQCa9_kDkQ97fRslArHRmzSN-aA/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/AVvXsEiAXmoRPYkyo26S6RyWvP5sjFcvvsjaEspGyp0denQsvlVDRJz3kkOdwzoT9zIGqigwPBhVrEkPRis77KjgoBxcyEWFKC1awoAkJbRD0ebQek4rmcsmSmY_EdQZjquA7iZXoqxNfAxxTHQ/s1600/smile3.gif'/></a></span>
</div></b:if>
]]></b:skin>
Step 12. Add the CSS code simply inward a higher house ]]></b:skin>
.itemo{float:left;font-size:11px;height:30px;line-height:1.2;padding:10px 0;text-align:center;width:85px;}Step 13. Save the changes past times clicking the 'Save Template' in addition to you're done adding emoticons inward Blogger comments. Enjoy!
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;}