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)

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

• For previous commenting system: 

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

• For threaded comments:

<div class='post-footer-line post-footer-line-3'>

Step 3. Add the below code just above it
(for threaded comments, add the code after):

<b:if cond='data:blog.pageType == "item"'>
<div style=' width: 450px; text-align: left; border: 1px dashed #0084ce; background: transparent; padding: 10px; color:#000000; font-weight:bold; '>
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjO-o5A1ztzBmxOwbBHURvxuZX5ujcmzuQDGGupGPo5d7VLnzOAa4n0wYaKU0Lrp32HJ_KT6v4NzzjByjTnI2O6Xron6wjR3DmaFwR7CQRYiLT2jcb_77kHVFAfaJsFnVi5HHcEfTPPER2f/s1600/helplogger.blogspot.com(1).gif'/> :a
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJnezzGnY-BylpgB4ctapH2RxQwG4NT_7q0yzdg3o1Ahyphenhyphenqlu1cTLkx6D2essRQJkVyNOupTn-Nh2NYGUtEvo5d8mIH2ejQhTkD77XQrkXTNoxkLQii5ycqA4t9l14UxX8RexvtrK0aLd9Q/s1600/helplogger.blogspot.com+(2).gif'/> :b
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIWjmknlnqMqA-C9WVFy3E087FW48UneE_mXTTz_BAsNYNXUKmG4XjUfDEwTCmvs7hdHSzWKQx1FNCOXfd4IrbuSLYM5k2Oa1WWthGbunAg4_EGrE9v2Fo81h3fTicpTiXVa58RClw5O7T/s1600/helplogger.blogspot.com(3).gif'/> :c
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlnCjjol-5wD5AGUvOKhlKjOT3-qIiVJEEhNwmzs8Y_imvZL69MlccDRWT62R4oHtozh8YaYn294YJHWbR69g5IHuJDthBjWKcKmXS14dDjHexwf_pbrSSuIPs0-soM9NABYLtT88W0nQR/s1600/helplogger.blogspot.com(4).gif'/> :d
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNhi43ip_u4xwfr2TLJ-4j0O-WzIFKxsXoyTXy7_EbbDbqpsmN7OuKKXlolQk3BhskIR_ry3UPM2Gvm9fja1-uaWhF9RlgYQZi90bGd6u3Hb4dlB0-zvNjrhAzKk3-FaMQ-FsSvtP1Pmzw/s1600/helplogger.blogspot.com(5).gif'/> :e
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh03-plJwupnv88h2gV2-YkBvxruyaEspVB4SIWhv5MGZ2SyFkZfARNWOYz93L1Tn_Ba7ND6zVaJ4gl1zLILoUrtoMpJuG4o-I1Mq8GSXxD83wmHhFim8du0Vt0gyfItae6TLFYuwy254k0/s1600/helplogger.blogspot.com(6).gif'/> :f
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8GUZzSlsDoHJSwyDtLEg0AK9OTEAxiY1C3_1cIrx3b3OKXz71lNrKp2aWq3FsLwHEI62NaGezqAnmSZHPC03zvAyhupSXfDbaf0e8-5u7AnRxHbTPFeEcrQIrxDDIA9BqHTA55FBwLWGr/s1600/helplogger.blogspot.com(7).gif'/> :g
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_GiBbdWkDBdMP2vtJq6VyUwYwKJNVgE73dJT5Kxgc8rjsn6Q251dpkVSUXFE8EYn_qvgX0jIAxB1s-z0os5x-p8TcPNgVOsDkIsu0M6EjIvFMKBjQdT6LDIz3pKVaBvwAytBqAv4xgTmq/s1600/helplogger.blogspot.com(8).gif'/> :h
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvpT_gHRAQB0DxsQvU1G0TW8IR5KV1ToVBTQHsl9OPvpr71jrjQUxKN5xGzJIV5QJ9wftpz_6NOwzXtinLzHQiaknO_ALFz7oOHiZTIOhkgImIQ7w025r4NYSuaZVPkVo-zI3SKhOc2GJu/s1600/helplogger.blogspot.com(9).gif'/> :i
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNdDCPy_WFpbBKIfPZZPKpCfTcPi0_AQky_-LhTFMo5O89PvPwQEFS5lK7mDM2huBgHzRb10RcxOZ5f3-0Ft-8kbmxw7fzhfXXmBzPi6v0EriHocULAD953FNMN23LoxRm0r509RX4rE0h/s1600/helplogger.blogspot.com(10).gif'/> :j
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfDNNyVHECQXXJYHvNjE_V8j9l402tfNJawYWL1R08eNYpWc8s3kz-tl8CZClS21wO_T0-W_AdAd4tsVb5neyJOqW5VW4lPz0MQ5_uMFKPfPJE9Rx33GYaSzxlH-2ydBzRseQGw5aLUO5x/s1600/helplogger.blogspot.com(11).gif'/> :k
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwbxtp18IZeS7XbWb72kvtdYtzuDHQ9L84Xy2GkCN5kOXc5E926p9citfbhK1w6xha1Fz-9CVtVdjRWnclveKviifeHZ5EDK01cPOftpgDoW5WriWOnIgVUAqVohUIJfxompYLp66cezYl/s1600/helplogger.blogspot.com(12).gif'/> :l
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjskOUQagveG01CfKe-2rz-U61qVXVCyhODA9sjLySt2HiItOZy3bTeOwy8kgE7ceYvLpczMkogXuwsFaT41SjFeIXEZ9-cnyk34PIvc8mvtOrd_q7JKQEHPpf9TOgmYiQvckAKiULLnx5v/s1600/helplogger.blogspot.com(13).gif'/> :m
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEib5VH014Nrp5vtf09vNOn-JO8LAbHrRK364-WLOL0kv8r9rXC7HsG9j99z2Zl9QTeVFOw3q_00w_qW7aaG0PrWY1yUPT9uHMPYe6DuOoLrYYR_BXjTJg7hv1En6OkB5DE5d2DVfF3rda0P/s1600/helplogger.blogspot.com(15).gif'/> :n
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3fXATIBdJrNzqv42v6KGt7kbttJ3_tpYCW8EZ7hWjhdl2TO6rQoT9Wmwe7bqqldclYTcL1JLF2zWQCs6W6r2t4V-kHXCKOHhmg7IwOY1zam9iDjXeLtnPmoF0ZfiXq20pv4wcxQ2X2Whh/s1600/helplogger.blogspot.com(16).gif'/> :o
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwD1exQdGL1EO1Ic619oGVuaRtXxlDYPn6HzVCio-tccUWmtP093WczotnZAxydfpwjZeOl330DXEgN0T6qnBPI161t6ve8SSdh96m53xzbx_lZz45wMqnV3W-HwzFYUsH1qbjaVT0BaOq/s1600/helplogger.blogspot.com(14).gif'/> :p
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhotfO5dRs9lzWx1Vd3tNGxniqpV2fOKHKQ-WvCdUT0sFHvXD7cscYJClzrLd1O4rF4_SyR4Tcp5umSo1ffxmv8rEBO6B-Dv7KE2ml88mdEg694p6T3t97TE6Mpr-dWMnrUXDrmmnY43h_D/s1600/helplogger.blogspot.com(17).gif'/> :q
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1Meq2njXxO7zf24LkiEDfK1YYlyjInU94ogsoDhEus_W5GsfUMmz2oP5fKhXD8-EQWIo3Dco9Jna9UlwlxgDSFgLoGqW7byYNNCEhlhFLhbmCquIxGEN7s5eudQ3oEl38xGkBF7GhumK9/s1600/helplogger.blogspot.com(18).gif'/> :r
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8q7jj_iFTCZYEFut9gybxwXGsh8k1upT_qmCFynDf4nd7zv1f2Yq3hX77VmFVvtP_PIgdiJWDpCOqZ89x98TPvQKDV2rT_4BB-m46gtRukbMoZ7Zu5xMAcGDAnwA7udJ2yvYbrhLqAji-/s1600/helplogger.blogspot.com(19).gif'/> :s
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4pobCa0M8em6Fklqs0BAC-fbKe5T7pSudBMzZthbK29izfKf-VZf4XpADpGSnSIIdXC3kTWPAMNjHC261y-2IPdncHxoQwFR3HokpR5vZGpRMl09JMWtBlu1i9r7sW9h1K8Z85MC0GTcU/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></b:if>

Step 4. Now search for this piece of code:

</body>

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

• For previous commenting system:

<script type='text/javascript' src="http://helplogger.googlecode.com/svn/trunk/facemood emoticons.js"/>

• For threaded comments: 

<script type='text/javascript' src="http://helplogger.googlecode.com/svn/trunk/facemood emoticons threaded.js"/>

Step 6. Save the Template. And enjoy your comments