Add Facemoods Emoticons To Your Blogger Comments

Want to add Facemoods emoticons in your Blogger comments? Then follow the next steps:

DEMO

Step 1.

If you are using the old Blogger interface:

• Go to Dashboard - Design - Edit HTML - Expand Widget Template (make a backup)

If you are using the new Blogger interface:

• Go to Dashboard - Template - Edit HTML - Proceed - Expand Widget Template (make a backup)

Note: you should first remove threaded comments (Click here)

Step 2. Search (CTRL + F) for this code:

<h4 id='comment-post-message'><data:postCommentMsg/></h4>

Step 3. Add the below code just above it:

<div style=' width: 450px; text-align: left; border: 4px dashed #0084ce; background: #FFFFFF; padding: 10px; color:#000000; font-weight:bold; '>
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9O1jSdiFUbM5Z8NazN_4tKucGZuxe3ct_PPukb_tm7IV9VNYrC3t-2vJDlTMe651BoGBWysfUbB5BE3WTkuGWlawSEF1LcL-yiHYm1Pduo2AHc_K4kdZ1-HSDSBSPRtvZm4MhGjhUuFuO/s1600/helplogger.blogspot.com(1).gif'/> :a
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1mYef6fJbXTbX1cnAGnMt7qPkEq3-A8B5TgX4zps4wm7DwbjbsnwM856jUQY5cct2GH7EOZv2lhKfVUr1NXdmYAwtONIjS_jAiokFb3LcaoyBjHN0jXKRvbzn9SOD3F_xfeCZ6-yqcZRx/s1600/helplogger.blogspot.com+(2).gif'/> :b
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVTlfVcpkNY71CuMjNfLUUN-YLvq6_NnBjH4EjxuWzi-cEtoeBCjtcHqIUPIlu2wfCKkuEHa_916RW1tnayfW8MuKh1uRptGT7PdG48v1-tOZgTbybxXg20d5tYevSOPlLQRjQL35XSsdX/s1600/helplogger.blogspot.com(3).gif'/> :c
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXk78imZ5zdpXJt1qlvgPKRMvd7TCbm2wWIAptoktaQutDUAJTnImulzjbWBCfbBCUhILrX4mn4MypsBiQXTJOEVmPisma_vkqt4vn7IvafHwVoyatS1JOCCCs1Dtn0ecR5yNyX6zEky3s/s1600/helplogger.blogspot.com(4).gif'/> :d
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxdVmt5PhSlpPwg0oMGw7hD-ts_NRKICdL6Ilo_JHGolaEaWtBdYP9B7pgiyTLqockGUCNglYcduOxRayqV3Q7xRPLMM0aSsZnZptE521fdQDGFVKPekIJgu9xTHgbuxqUGHtxuj3WzHNn/s1600/helplogger.blogspot.com(5).gif'/> :e
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdKlRqzu-x2wQ0wQp92o2rY20owvSZHxU5tBWNKW3fFm_3o_qiTWlwbIkR_u6VoB_V-6k2GeBcu-TWD-Tz5JLmtlue_jHEYJ2rS70Dnc0xBp_aa6rRI1t3ffDpwPXBTS0UraTUldxVc6-I/s1600/helplogger.blogspot.com(6).gif'/> :f
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjN-U91VjCIdlwoAYdTxQH25_4epSVDWaShex1uWHDNwC7dkQAGbM_TCBYSEPSr84bztaqscQUlxu9f3jKnK5Xx30q50XsnwawRBxYIWzwJkIBAIsM6zhWml4hDX_ua5k2kqLsECBBgCn6f/s1600/helplogger.blogspot.com(7).gif'/> :g
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVxfm_jebEj2EEIrpDZtKigUq40IOPAojnFlxEBvr_Bq5bIatOhF-YUi-NHWH_f0BzWD-Oq_qg8L2dfW0TDDVC1ims2AeoYLT-6W7n9aCA8Arzl6OOfBlA4KUrmiVpMYBxbOBZjXnCcZgv/s1600/helplogger.blogspot.com(8).gif'/> :h
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjE2D_AkFBKpZ5PUfyt4ZlB2DZvQJ9ek03doAxZ6TbZbWsNC7Aa87eSYcVOFd-0KHZbQUmwgKbNtPErRr1v5FGiopMRHDuGFPYtW0Px6Omfxau3OCa9tPgqkggCZ1LQORhDwDuLh4nOE5uH/s1600/helplogger.blogspot.com(9).gif'/> :i
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCqu6SJjH7xINN_1vft-SnpUD-pxE3eNvsKNsNZk6O-EQsSASaXO34SIziUsgS3EXg806Soj2O3QstkG8WBQK-BVR_DeWBjch49gn6d9bpqn4gpYNuwWgDE6C8CG8GmvTIRI32YfrbGP3K/s1600/helplogger.blogspot.com(10).gif'/> :j
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_0mrOloQow6TErWULOqlpfHb9n2aqPXyRXYlBFVfAF0O-Ht_SPhsW2LKSZecGloi1g28J1V2f4TM0Dj9AGqCuPBvhk4nB2mIaJhYGGBMScJMXmymzY2d5LsTYp76sNlzvIfQIVfUt3qDP/s1600/helplogger.blogspot.com(11).gif'/> :k
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIYXcb9acjltxJSVTlijBOrqn6yjKlUd6hjwQj5bz0AqxrQfHJXOtkRzI9vXwMddJ4XVnxdBupZk23wk92mpwlMBxGUMpf8iK5HOU6TmO-SI_WMqSnIRkMpxvJDlurufcPmkIH1Vb6ss4O/s1600/helplogger.blogspot.com(12).gif'/> :l
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiE8AU9_iKo53L9QOQTkQCovDzFHzdu8ML6zXcVDcU7OUqoYxIP4sAoky9nLK8KgdaHh-Fqn-eiYwOu5M3SDncongxpCC5jG_9zCjsZgXQC87MXYSsQiN7hZHAbzOSYS8o5Wv61nwedURxS/s1600/helplogger.blogspot.com(13).gif'/> :m
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipNd-hqOcXEe8I4z5LtUsqH_a6YXb-a3yJXjomzm3mIJ52RO3bg3wulNw9ZfgdWCZw_8TsLx01zkMMaOmTHh3fzJ0NyPm6faAyLyOkS1JrQEhYk2TIT_VnykjRYZyFBP0OdxHh_zdnunWc/s1600/helplogger.blogspot.com(15).gif'/> :n
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqOVd8VxqqmJg4u6kZMmcjTbYeoc8KXFifef3gGjsyGmqjrHFLiQ9z9kPGyz2tf-32dcnFCylxBuMWR1Guv6mzMH0Wan4z_MCwO7VfGMGXdM8Lnh924d6oDyt64e-ZprRnjykQHrB7ufPo/s1600/helplogger.blogspot.com(16).gif'/> :o
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1IgK4nbWdK7Tca0Zr7JX2k9AY4Oyd2PdRje9FQoDxJEn-dcXg_FPXg4Z2oD-nzt8ppf865_psRioIDqbhokHgSK6BYn6xKLOFGWDy2gRe34OU49S-YxlpzNUJlCc5FBK5TnZ6DSmLEedT/s1600/helplogger.blogspot.com(14).gif'/> :p
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUeB6jKV0I1fl0QupIjfpAacu1oa0Z-qAoL07CIrw0lFZznHO-f9LhRM4IL8Krx201sOFMazr7Se9-yrr9-GL1uKftk_AG-WqJnAKJa3B4XbJpl-efLXoSha3Zwwh9AhR-4Nultmxp0vcE/s1600/helplogger.blogspot.com(17).gif'/> :q
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibZ3TRdkfElMGt9voeXTp9cOVhWckXk8nb8-25E0QFNy0uOSWR5cTlAEtvPPrkbKl2zJLnp-KJH_UOxGyUu5dtGJEDViy-h_XIhQAMlbJBVd2S720ZIGV6mCCh21iseyV-OJYegBKRsvib/s1600/helplogger.blogspot.com(18).gif'/> :r
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5RFDCpkPle_wbGuH3m1m_xfFUWlhR0DWEViJW6pUhreDOsjVFoNX8yojQo_dSHhyphenhyphenNBtQcpMcJGIcrzTqvEJmCtIfJGSqlMZ8AR6kQg5R0lmp9Jr1INEbok81vAg7I8pmzt84xXlkCRsBq/s1600/helplogger.blogspot.com(19).gif'/> :s
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzMbKa9jWMKfdWffS5pwW6oMnJEJcgHyffC9ASP8fJztl4fo4PI09qxfewbqdCPCWbJZNvip3ZarKGx-I3loe-s-Iu5p80fz4GcGLZNxEMv2UzsEbNDcB8repyhl25-QSe187cNhxzVFs_/s1600/helplogger.blogspot.com(20).gif'/> :t   <a href='http://helplogger.blogspot.com/2012/05/add-facemoods-emoticons-to-your-blogger.html' style='color: rgb(30, 122, 183); font-size: x-small;'>Add smileys to Blogger + </a>
</div>

Step 4. Now search for this piece of code:

</body>

Step 5. And add the following code immediately above it:

<script type='text/javascript'>
    window.setTimeout(function() {
        document.body.className = document.body.className.replace(&#39;loading&#39;, &#39;&#39;);
      }, 10);
  </script>
  <b:include data='blog' name='google-analytics'/>
<script type='text/javascript'>
//<![CDATA[
a = document.getElementById('comments');
if(a) {
b = a.getElementsByTagName("DD");
for(i=0; i < b.length; i++) {
if (b.item(i).getAttribute('CLASS') == 'Author-comment-body' , 'comment-body') {
_str = b.item(i).innerHTML.replace(/:j/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCqu6SJjH7xINN_1vft-SnpUD-pxE3eNvsKNsNZk6O-EQsSASaXO34SIziUsgS3EXg806Soj2O3QstkG8WBQK-BVR_DeWBjch49gn6d9bpqn4gpYNuwWgDE6C8CG8GmvTIRI32YfrbGP3K/s1600/helplogger.blogspot.com(10).gif' alt='' class='smiley'/>");
_str = _str.replace(/:k/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_0mrOloQow6TErWULOqlpfHb9n2aqPXyRXYlBFVfAF0O-Ht_SPhsW2LKSZecGloi1g28J1V2f4TM0Dj9AGqCuPBvhk4nB2mIaJhYGGBMScJMXmymzY2d5LsTYp76sNlzvIfQIVfUt3qDP/s1600/helplogger.blogspot.com(11).gif' alt='' class='smiley'/>");
_str = _str.replace(/:l/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIYXcb9acjltxJSVTlijBOrqn6yjKlUd6hjwQj5bz0AqxrQfHJXOtkRzI9vXwMddJ4XVnxdBupZk23wk92mpwlMBxGUMpf8iK5HOU6TmO-SI_WMqSnIRkMpxvJDlurufcPmkIH1Vb6ss4O/s1600/helplogger.blogspot.com(12).gif' alt='' class='smiley'/>");
_str = _str.replace(/:m/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiE8AU9_iKo53L9QOQTkQCovDzFHzdu8ML6zXcVDcU7OUqoYxIP4sAoky9nLK8KgdaHh-Fqn-eiYwOu5M3SDncongxpCC5jG_9zCjsZgXQC87MXYSsQiN7hZHAbzOSYS8o5Wv61nwedURxS/s1600/helplogger.blogspot.com(13).gif' alt='' class='smiley'/>");
_str = _str.replace(/:n/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipNd-hqOcXEe8I4z5LtUsqH_a6YXb-a3yJXjomzm3mIJ52RO3bg3wulNw9ZfgdWCZw_8TsLx01zkMMaOmTHh3fzJ0NyPm6faAyLyOkS1JrQEhYk2TIT_VnykjRYZyFBP0OdxHh_zdnunWc/s1600/helplogger.blogspot.com(15).gif' alt='' class='smiley'/>");
_str = _str.replace(/:o/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqOVd8VxqqmJg4u6kZMmcjTbYeoc8KXFifef3gGjsyGmqjrHFLiQ9z9kPGyz2tf-32dcnFCylxBuMWR1Guv6mzMH0Wan4z_MCwO7VfGMGXdM8Lnh924d6oDyt64e-ZprRnjykQHrB7ufPo/s1600/helplogger.blogspot.com(16).gif' alt='' class='smiley'/>");
_str = _str.replace(/:p/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1IgK4nbWdK7Tca0Zr7JX2k9AY4Oyd2PdRje9FQoDxJEn-dcXg_FPXg4Z2oD-nzt8ppf865_psRioIDqbhokHgSK6BYn6xKLOFGWDy2gRe34OU49S-YxlpzNUJlCc5FBK5TnZ6DSmLEedT/s1600/helplogger.blogspot.com(14).gif' alt='' class='smiley'/>");
_str = _str.replace(/:q/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUeB6jKV0I1fl0QupIjfpAacu1oa0Z-qAoL07CIrw0lFZznHO-f9LhRM4IL8Krx201sOFMazr7Se9-yrr9-GL1uKftk_AG-WqJnAKJa3B4XbJpl-efLXoSha3Zwwh9AhR-4Nultmxp0vcE/s1600/helplogger.blogspot.com(17).gif' alt='' class='smiley'/>");
_str = _str.replace(/:r/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibZ3TRdkfElMGt9voeXTp9cOVhWckXk8nb8-25E0QFNy0uOSWR5cTlAEtvPPrkbKl2zJLnp-KJH_UOxGyUu5dtGJEDViy-h_XIhQAMlbJBVd2S720ZIGV6mCCh21iseyV-OJYegBKRsvib/s1600/helplogger.blogspot.com(18).gif' alt='' class='smiley'/>");
_str = _str.replace(/:s/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5RFDCpkPle_wbGuH3m1m_xfFUWlhR0DWEViJW6pUhreDOsjVFoNX8yojQo_dSHhyphenhyphenNBtQcpMcJGIcrzTqvEJmCtIfJGSqlMZ8AR6kQg5R0lmp9Jr1INEbok81vAg7I8pmzt84xXlkCRsBq/s1600/helplogger.blogspot.com(19).gif' alt='' class='smiley'/>");
_str = _str.replace(/:t/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzMbKa9jWMKfdWffS5pwW6oMnJEJcgHyffC9ASP8fJztl4fo4PI09qxfewbqdCPCWbJZNvip3ZarKGx-I3loe-s-Iu5p80fz4GcGLZNxEMv2UzsEbNDcB8repyhl25-QSe187cNhxzVFs_/s1600/helplogger.blogspot.com(20).gif' alt='' class='smiley'/>");
_str = _str.replace(/:a/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9O1jSdiFUbM5Z8NazN_4tKucGZuxe3ct_PPukb_tm7IV9VNYrC3t-2vJDlTMe651BoGBWysfUbB5BE3WTkuGWlawSEF1LcL-yiHYm1Pduo2AHc_K4kdZ1-HSDSBSPRtvZm4MhGjhUuFuO/s1600/helplogger.blogspot.com(1).gif' alt='' class='smiley'/>");
_str = _str.replace(/:b/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1mYef6fJbXTbX1cnAGnMt7qPkEq3-A8B5TgX4zps4wm7DwbjbsnwM856jUQY5cct2GH7EOZv2lhKfVUr1NXdmYAwtONIjS_jAiokFb3LcaoyBjHN0jXKRvbzn9SOD3F_xfeCZ6-yqcZRx/s1600/helplogger.blogspot.com+(2).gif' alt='' class='smiley'/>");
_str = _str.replace(/:c/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVTlfVcpkNY71CuMjNfLUUN-YLvq6_NnBjH4EjxuWzi-cEtoeBCjtcHqIUPIlu2wfCKkuEHa_916RW1tnayfW8MuKh1uRptGT7PdG48v1-tOZgTbybxXg20d5tYevSOPlLQRjQL35XSsdX/s1600/helplogger.blogspot.com(3).gif' alt='' class='smiley'/>");
_str = _str.replace(/:d/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXk78imZ5zdpXJt1qlvgPKRMvd7TCbm2wWIAptoktaQutDUAJTnImulzjbWBCfbBCUhILrX4mn4MypsBiQXTJOEVmPisma_vkqt4vn7IvafHwVoyatS1JOCCCs1Dtn0ecR5yNyX6zEky3s/s1600/helplogger.blogspot.com(4).gif' alt='' class='smiley'/>");
_str = _str.replace(/:e/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxdVmt5PhSlpPwg0oMGw7hD-ts_NRKICdL6Ilo_JHGolaEaWtBdYP9B7pgiyTLqockGUCNglYcduOxRayqV3Q7xRPLMM0aSsZnZptE521fdQDGFVKPekIJgu9xTHgbuxqUGHtxuj3WzHNn/s1600/helplogger.blogspot.com(5).gif' alt='' class='smiley'/>");
_str = _str.replace(/:f/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdKlRqzu-x2wQ0wQp92o2rY20owvSZHxU5tBWNKW3fFm_3o_qiTWlwbIkR_u6VoB_V-6k2GeBcu-TWD-Tz5JLmtlue_jHEYJ2rS70Dnc0xBp_aa6rRI1t3ffDpwPXBTS0UraTUldxVc6-I/s1600/helplogger.blogspot.com(6).gif' alt='' class='smiley'/>");
_str = _str.replace(/:g/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjN-U91VjCIdlwoAYdTxQH25_4epSVDWaShex1uWHDNwC7dkQAGbM_TCBYSEPSr84bztaqscQUlxu9f3jKnK5Xx30q50XsnwawRBxYIWzwJkIBAIsM6zhWml4hDX_ua5k2kqLsECBBgCn6f/s1600/helplogger.blogspot.com(7).gif' alt='' class='smiley'/>");
_str = _str.replace(/:h/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVxfm_jebEj2EEIrpDZtKigUq40IOPAojnFlxEBvr_Bq5bIatOhF-YUi-NHWH_f0BzWD-Oq_qg8L2dfW0TDDVC1ims2AeoYLT-6W7n9aCA8Arzl6OOfBlA4KUrmiVpMYBxbOBZjXnCcZgv/s1600/helplogger.blogspot.com(8).gif' alt='' class='smiley'/>");
_str = _str.replace(/:i/ig,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjE2D_AkFBKpZ5PUfyt4ZlB2DZvQJ9ek03doAxZ6TbZbWsNC7Aa87eSYcVOFd-0KHZbQUmwgKbNtPErRr1v5FGiopMRHDuGFPYtW0Px6Omfxau3OCa9tPgqkggCZ1LQORhDwDuLh4nOE5uH/s1600/helplogger.blogspot.com(9).gif' alt='' class='smiley'/>")
b.item(i).innerHTML = _str;
}
}
}
//]]>
</script>

Step 6. Save the Template. And enjoy your comments :>