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/AVvXsEi4Dio9wvxtMM7HEwyUK9-yLmm03VtodU9NOoumPTu_DymQPTuyC4EA8Xz6IiWnj68lKZV5w2EWInLFAMqKFF9uPUZdQpybQ2FHU4-ri7HMx6PQ4ylhtg50r2qUXKk78ns9zuy6PXg1GkYX/s1600/helplogger.blogspot.com(1).gif'/> :a
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1oAuPlfK401ofmqRpth1D_Pej3C8RU3DgQrEnNLtkP50DzYEJIOGnCpBSU71YMr1C8A5N5hYV1pCQ9B0dxM0OQiHTuqrV3pdo0yBnhSQ-p9mSbU2fn6O4Kl52c5TyCqS_0-1up84Uvj5R/s1600/helplogger.blogspot.com+(2).gif'/> :b
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZ0D_56Q8-RIUHB2rQmaRvnyvnT0u8SOQ-sIdmDPMxfYHU_SDQ65Pcxk07f8EbcP3XDJ4lbvTMTNbofAGYdk4j5H4BmZiuzEMZmxIfPN24Lip_IG_AIw-a2OSv5ZWqwvh8GQnVfkVB2H0g/s1600/helplogger.blogspot.com(3).gif'/> :c
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcU52EZq4nhVPrC4TlrKyKmGauUvX8_U0WcjWBJf_8q-U19X4jMLZKSt3whdLm9tCPU5uoUV9DTm8lETHeOwBmYd2tg3CASbmIwuFGZ5VnrUC4CTcrkY7YSV_mpJgdxg3ERezLWVs4uCZr/s1600/helplogger.blogspot.com(4).gif'/> :d
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi92no4I3kXh5-EgheT7f2ODnUrYdX6QLrtB1tO_nNDQf8J4yRp0w0ZedOBJDHSyMxSSSzkZmGsNCeLXbuknGa1FVEshf9PjtV2yfbvsOo7r8u1UyphnZAzbcbTOThnbTR5aR4CdGshoScd/s1600/helplogger.blogspot.com(5).gif'/> :e
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiorruG3kxQprTj6i645vP97KOL1BiJlIhqbKFpVuD0j6UDLjiKGMkDDgy246al343y5GkBXCrDEguknN5IWIgdv0gQXg15t9hgm0oZvoC7ASPPHsXhN3MUCVvNDficmrBmv46mezvcDbn-/s1600/helplogger.blogspot.com(6).gif'/> :f
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuaFW-voTsd4eCU5lB9HgipaTthfRQKXPWMhk1jBG1okkgC7gaF9gcPfexJNAAyTcJOixkq3Mg2Uc5T1-3KcMC3myqVxwLroG7xbY7BSv1_SYxuGyKwAOWJwwkx2hhTgZn0os5A0qayrD0/s1600/helplogger.blogspot.com(7).gif'/> :g
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPuQPZbV1kpmrbyh0sLpBprph06TML9LHmQoe1oYnNPGUvsp15Uivx3PtrMi-UmrnYjhyphenhyphenlE0nCbWEnQOeAF-1D3GZIhp0PB-EwZj5lz8YdkqIEiXvWSFX8oaZXZ4Igb_0gK-5V5bLr9aOz/s1600/helplogger.blogspot.com(8).gif'/> :h
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLnT9mPkZLSmEieccgPgGRETf8GvFutrz2VuBO0Lx-VgzsEaXsO0lNV6kpIgSd9KjuLmqElugDmd_2yveiMXLOQ_VkZF707dm7NsG50cbaWHMHud5J6aMna7SqdvU3BoNI2yUcd_THs3ew/s1600/helplogger.blogspot.com(9).gif'/> :i
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3CdC_0h4ErJNTsyCHBejWRag2eOV0WSyPIsKQnRkOX4mUoIJ28jFkNYH0kQ18jaQzenvEk1kGi5XQ4ShFP5zHep1rPbCkZwuh55wWxSKiry-B2hQZwN-g7Y83HSUraoj4o4RIiSvbLs6o/s1600/helplogger.blogspot.com(10).gif'/> :j
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUWAMVMdRccWMbY3lENtLtOsecG-ScGMzuETJ8Xh-uS7sV-cwE4sfeFbenErHCFPvtDLk0DvyQ9Gn9OVIcNlI1u5KyIm0ZzfrZCYW3HO3YdtHyLfNZxHjlNsoFmuj8mFWX3o11A2Sstov9/s1600/helplogger.blogspot.com(11).gif'/> :k
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3n2Nd6-EQP6GLS4be5qXf_6d2aALMNlAu1CqQGKsoK5gzQE_xzHNuMhD4ITSPFZs5EJa3G2ejRpw4JTn3E7q0whOps0ZZHO7PsZrVK-HihEEHgXX7k8PszXjufLGhk8TWUQBOx0YV3zwL/s1600/helplogger.blogspot.com(12).gif'/> :l
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIESH0XS25a7S0Eq8Ubcth45CAPmduqL8v3yVIofBUDbxLwHKwLRJsnJPp0qlSVZNJxsW__ysvLFev7uHiAGQPykU23cLkBWBQwIxjlwGUlMJWC7bJr28KL74wXZlH0xbPiYHQRw-RUmEm/s1600/helplogger.blogspot.com(13).gif'/> :m
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWncGp1FKksZlwmtKqFkMVD1OgdJlsqauukIkZsuEQ7dj1xUv4Vs07oaMyhEI4me_d6cCJfjc1ytcvMYJguhT6Lcgx27_xd2eZouKBX4sg1juPZ1SwpL5F0U1LZDZmoPfxL52Z2FZ2Ugp0/s1600/helplogger.blogspot.com(15).gif'/> :n
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlBFLjCKS778vCGniuA67TqqrGW5mKFtY5TAy1KA8JA8ta-3zS-eh9W8IeMT9AYzGi5NSvpgOSon1SbTtWdquThVaoCtkjlVCKUP8AQcW1nu60w7TXKjTPvZ-zuqDveHsTaIHSZuQM412g/s1600/helplogger.blogspot.com(16).gif'/> :o
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBkMmTKhY-O-T-2QnDrw0Z7NAdVFx5LDk1QVmHHRS4NiPmlj2ltIBY8NM-KuSdjXrhDUNDu8kBpHCrHULtziXLbM74KTdE0PIunCAomME7tenTbYVAQ5WQW5loDMpu1vgGZJ-hS6HzgdpO/s1600/helplogger.blogspot.com(14).gif'/> :p
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtPFmpmENMsgvocRSWJYZcgoL3s9GKRbvYtC5Tuf2DT64NaKwbI_aHEd5wu-8zPYXDsfhfgoSSyjKCxLriaZSNKZolbML0bPOwy64Nbo3VvDd6mlnYaRsSSPCJrOVwRJzxXzFuh9t2AsOy/s1600/helplogger.blogspot.com(17).gif'/> :q
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgogdhN5Oc28ahk8yQ_Fv2gF3c8l51SPyZULcK9kQMVT__iiAxXrT1TMbDCAyeg8FUQfhu5W9s7cG1c2FqadDAvaq34w0dVWTAcFlHLj0G1wm0ycp1mD6dXU_eRQEK3r5VI6DEPSvCiONMK/s1600/helplogger.blogspot.com(18).gif'/> :r
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDPRFuCEXcf34ELzU0QyMEc2dpL1WYmbuQY15KrOkKSPe0K59eUc6xcfL67Dy61rEdEOUeQQjQOvgIctUWNnA8JD6BOFRHgiZpsAdsADcPN-GllhkkMaKYs5cOPruTNheaxbyQ3MXP5_01/s1600/helplogger.blogspot.com(19).gif'/> :s
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQWs3f2r_3dzKbHGb1SDwE01u-Ooenn2NFa3QWrM45TsKp7aUFLg2MAsmckJf9VQA8kFlu_zsnxDS15FQda0wcnhEytSwB6B-U3_qpDNXsL169Cs2uxIbyFo5hnYbkU4Nn6Exp9lpZpnn0/s1600/helplogger.blogspot.com(20).gif'/> :t   <a href='http://bit.ly/Pf4mKl' 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/AVvXsEg3CdC_0h4ErJNTsyCHBejWRag2eOV0WSyPIsKQnRkOX4mUoIJ28jFkNYH0kQ18jaQzenvEk1kGi5XQ4ShFP5zHep1rPbCkZwuh55wWxSKiry-B2hQZwN-g7Y83HSUraoj4o4RIiSvbLs6o/s1600/helplogger.blogspot.com(10).gif' alt='' class='smiley'/>");
_str = _str.replace(/:k/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUWAMVMdRccWMbY3lENtLtOsecG-ScGMzuETJ8Xh-uS7sV-cwE4sfeFbenErHCFPvtDLk0DvyQ9Gn9OVIcNlI1u5KyIm0ZzfrZCYW3HO3YdtHyLfNZxHjlNsoFmuj8mFWX3o11A2Sstov9/s1600/helplogger.blogspot.com(11).gif' alt='' class='smiley'/>");
_str = _str.replace(/:l/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3n2Nd6-EQP6GLS4be5qXf_6d2aALMNlAu1CqQGKsoK5gzQE_xzHNuMhD4ITSPFZs5EJa3G2ejRpw4JTn3E7q0whOps0ZZHO7PsZrVK-HihEEHgXX7k8PszXjufLGhk8TWUQBOx0YV3zwL/s1600/helplogger.blogspot.com(12).gif' alt='' class='smiley'/>");
_str = _str.replace(/:m/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIESH0XS25a7S0Eq8Ubcth45CAPmduqL8v3yVIofBUDbxLwHKwLRJsnJPp0qlSVZNJxsW__ysvLFev7uHiAGQPykU23cLkBWBQwIxjlwGUlMJWC7bJr28KL74wXZlH0xbPiYHQRw-RUmEm/s1600/helplogger.blogspot.com(13).gif' alt='' class='smiley'/>");
_str = _str.replace(/:n/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWncGp1FKksZlwmtKqFkMVD1OgdJlsqauukIkZsuEQ7dj1xUv4Vs07oaMyhEI4me_d6cCJfjc1ytcvMYJguhT6Lcgx27_xd2eZouKBX4sg1juPZ1SwpL5F0U1LZDZmoPfxL52Z2FZ2Ugp0/s1600/helplogger.blogspot.com(15).gif' alt='' class='smiley'/>");
_str = _str.replace(/:o/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlBFLjCKS778vCGniuA67TqqrGW5mKFtY5TAy1KA8JA8ta-3zS-eh9W8IeMT9AYzGi5NSvpgOSon1SbTtWdquThVaoCtkjlVCKUP8AQcW1nu60w7TXKjTPvZ-zuqDveHsTaIHSZuQM412g/s1600/helplogger.blogspot.com(16).gif' alt='' class='smiley'/>");
_str = _str.replace(/:p/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBkMmTKhY-O-T-2QnDrw0Z7NAdVFx5LDk1QVmHHRS4NiPmlj2ltIBY8NM-KuSdjXrhDUNDu8kBpHCrHULtziXLbM74KTdE0PIunCAomME7tenTbYVAQ5WQW5loDMpu1vgGZJ-hS6HzgdpO/s1600/helplogger.blogspot.com(14).gif' alt='' class='smiley'/>");
_str = _str.replace(/:q/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtPFmpmENMsgvocRSWJYZcgoL3s9GKRbvYtC5Tuf2DT64NaKwbI_aHEd5wu-8zPYXDsfhfgoSSyjKCxLriaZSNKZolbML0bPOwy64Nbo3VvDd6mlnYaRsSSPCJrOVwRJzxXzFuh9t2AsOy/s1600/helplogger.blogspot.com(17).gif' alt='' class='smiley'/>");
_str = _str.replace(/:r/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgogdhN5Oc28ahk8yQ_Fv2gF3c8l51SPyZULcK9kQMVT__iiAxXrT1TMbDCAyeg8FUQfhu5W9s7cG1c2FqadDAvaq34w0dVWTAcFlHLj0G1wm0ycp1mD6dXU_eRQEK3r5VI6DEPSvCiONMK/s1600/helplogger.blogspot.com(18).gif' alt='' class='smiley'/>");
_str = _str.replace(/:s/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDPRFuCEXcf34ELzU0QyMEc2dpL1WYmbuQY15KrOkKSPe0K59eUc6xcfL67Dy61rEdEOUeQQjQOvgIctUWNnA8JD6BOFRHgiZpsAdsADcPN-GllhkkMaKYs5cOPruTNheaxbyQ3MXP5_01/s1600/helplogger.blogspot.com(19).gif' alt='' class='smiley'/>");
_str = _str.replace(/:t/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQWs3f2r_3dzKbHGb1SDwE01u-Ooenn2NFa3QWrM45TsKp7aUFLg2MAsmckJf9VQA8kFlu_zsnxDS15FQda0wcnhEytSwB6B-U3_qpDNXsL169Cs2uxIbyFo5hnYbkU4Nn6Exp9lpZpnn0/s1600/helplogger.blogspot.com(20).gif' alt='' class='smiley'/>");
_str = _str.replace(/:a/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4Dio9wvxtMM7HEwyUK9-yLmm03VtodU9NOoumPTu_DymQPTuyC4EA8Xz6IiWnj68lKZV5w2EWInLFAMqKFF9uPUZdQpybQ2FHU4-ri7HMx6PQ4ylhtg50r2qUXKk78ns9zuy6PXg1GkYX/s1600/helplogger.blogspot.com(1).gif' alt='' class='smiley'/>");
_str = _str.replace(/:b/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1oAuPlfK401ofmqRpth1D_Pej3C8RU3DgQrEnNLtkP50DzYEJIOGnCpBSU71YMr1C8A5N5hYV1pCQ9B0dxM0OQiHTuqrV3pdo0yBnhSQ-p9mSbU2fn6O4Kl52c5TyCqS_0-1up84Uvj5R/s1600/helplogger.blogspot.com+(2).gif' alt='' class='smiley'/>");
_str = _str.replace(/:c/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZ0D_56Q8-RIUHB2rQmaRvnyvnT0u8SOQ-sIdmDPMxfYHU_SDQ65Pcxk07f8EbcP3XDJ4lbvTMTNbofAGYdk4j5H4BmZiuzEMZmxIfPN24Lip_IG_AIw-a2OSv5ZWqwvh8GQnVfkVB2H0g/s1600/helplogger.blogspot.com(3).gif' alt='' class='smiley'/>");
_str = _str.replace(/:d/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcU52EZq4nhVPrC4TlrKyKmGauUvX8_U0WcjWBJf_8q-U19X4jMLZKSt3whdLm9tCPU5uoUV9DTm8lETHeOwBmYd2tg3CASbmIwuFGZ5VnrUC4CTcrkY7YSV_mpJgdxg3ERezLWVs4uCZr/s1600/helplogger.blogspot.com(4).gif' alt='' class='smiley'/>");
_str = _str.replace(/:e/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi92no4I3kXh5-EgheT7f2ODnUrYdX6QLrtB1tO_nNDQf8J4yRp0w0ZedOBJDHSyMxSSSzkZmGsNCeLXbuknGa1FVEshf9PjtV2yfbvsOo7r8u1UyphnZAzbcbTOThnbTR5aR4CdGshoScd/s1600/helplogger.blogspot.com(5).gif' alt='' class='smiley'/>");
_str = _str.replace(/:f/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiorruG3kxQprTj6i645vP97KOL1BiJlIhqbKFpVuD0j6UDLjiKGMkDDgy246al343y5GkBXCrDEguknN5IWIgdv0gQXg15t9hgm0oZvoC7ASPPHsXhN3MUCVvNDficmrBmv46mezvcDbn-/s1600/helplogger.blogspot.com(6).gif' alt='' class='smiley'/>");
_str = _str.replace(/:g/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuaFW-voTsd4eCU5lB9HgipaTthfRQKXPWMhk1jBG1okkgC7gaF9gcPfexJNAAyTcJOixkq3Mg2Uc5T1-3KcMC3myqVxwLroG7xbY7BSv1_SYxuGyKwAOWJwwkx2hhTgZn0os5A0qayrD0/s1600/helplogger.blogspot.com(7).gif' alt='' class='smiley'/>");
_str = _str.replace(/:h/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPuQPZbV1kpmrbyh0sLpBprph06TML9LHmQoe1oYnNPGUvsp15Uivx3PtrMi-UmrnYjhyphenhyphenlE0nCbWEnQOeAF-1D3GZIhp0PB-EwZj5lz8YdkqIEiXvWSFX8oaZXZ4Igb_0gK-5V5bLr9aOz/s1600/helplogger.blogspot.com(8).gif' alt='' class='smiley'/>");
_str = _str.replace(/:i/ig,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLnT9mPkZLSmEieccgPgGRETf8GvFutrz2VuBO0Lx-VgzsEaXsO0lNV6kpIgSd9KjuLmqElugDmd_2yveiMXLOQ_VkZF707dm7NsG50cbaWHMHud5J6aMna7SqdvU3BoNI2yUcd_THs3ew/s1600/helplogger.blogspot.com(9).gif' alt='' class='smiley'/>")
b.item(i).innerHTML = _str;
}
}
}
//]]>
</script>

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