Facemoods Emoticons on Blogger Comments

Facemoods Emoticons? Yes, sometime we wanna add this on our blog and make our blog looks cute! And now, i want to do this Facemoods Emoticons on my blog comments. If you wanna so in your Blogger comments too, then follow these steps:

DEMO

How to add Facemoods Emoticons on Blogger Comments ?

1.

Just  like usual, Go to 

Dashboard >> Design >>Edit HTML >> Expand Widget Template (make a backup)

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'>

 3.

Add the below code :
*For previous commenting system, add the code before
*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/AVvXsEiDelYYe8_cydRC0532x9j9Kw-QTcP-BAdA5Eio4Pylqbw2d2QdeEbLWjCIrXIjhGPaafmpOpb7wJpz9lUFoppu8nPOktbbr_6ZsIRiofMvYVtwZfkx3L-RNnv7YDvif6Ug0-0GhdrhDUzA/s1600/helplogger.blogspot.com(1).gif'/> :a
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaZ7i7zYNUkEcNLdgcyQrGG1IX7RHIfL2F4yBs3ErAsjGZaxiI7lLn4ZgLJUrJCfVTz1E7ZSHv-sV8vVE2bod6CeqDgQlg49fh2T21j2Au75dHUfUTMiRAH4TV2v8wDl_pvS8UQQ4Q4Dck/s1600/helplogger.blogspot.com+(2).gif'/> :b
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjZHaFQTtd9S_g5oDqAtZN4d6SNxRF25kk7X7wcVldezSzMopfOxos_uPEhrH0RO3_xKD3II3vtc4y03nX71B1HaLF4xjm9S2CYspTErdyH3duECCQkcPg4rZ2QnD3HzvtvsK8uYu25MO3/s1600/helplogger.blogspot.com(3).gif'/> :c
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiD3xH1PhmFtmSf3ZOEppL6mWinT9N-govhogW1KhkQYM26uFRM2KBgk6nikXdgUvzHGdXbkGDapJddrD1cBuIh5VTs9pwNTXUnRckyE-bMcd6th3F3OzErHK7NlQ-Jwqw4fIc0QtLJTBUF/s1600/helplogger.blogspot.com(4).gif'/> :d
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0pru4wfdBd3k27MHrVutaTMggr-Yak0x7Ld_eCvLqHHWUMCkA34xe7rQCwCO6jvPgl0eGIw30jN3tLcnKvT1R8DJMaYWc3X9ww-7u89G8vaZQeYQ9hpKLi7Z6yvrc0x2cEvv0hBd4BwP1/s1600/helplogger.blogspot.com(5).gif'/> :e
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVtDBA6mP7ZSSAgtkIS7hE1e6nmwqtu5CXAhh0wegwAhDVitvH0WI7CCddLerT8YsbeEDkKgLXjcIPp_qo4OKrMLDU1sR4Vo_F11TbABvwu4_be5vcoWHkqwO7L0LO0eYV5qFyb5UFnAvj/s1600/helplogger.blogspot.com(6).gif'/> :f
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiZQM5r6elO7jQ5HngzRqBoutBnqLbfb_UZ9yKFLSM4Hb9ZDEXgke2nHI3gVNaBVteGJHEk4qFxs1vGBo7FX4Lk6z7w1jyDskhJCuh7toc2FBuBLIFV3IxKQwnPlbgpelnBoFvf4U0_2Ii/s1600/helplogger.blogspot.com(7).gif'/> :g
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhexXVdpASAfOJzEz1wqf0CA4cnO2tC1sNUzEQyU5UaEfFBuX24XeERjfuf82PaphOG5TDNswyLQjd9m3iP8g0c9AMwSGi3dLiHiiHY0yhOYxUikf5fN9LG5C2pRBQ6rslole4bvm7LVaL4/s1600/helplogger.blogspot.com(8).gif'/> :h
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqz1vXuecx3JO76DDbBIkOZn2DLzZV9AjmNEUtc1daJ7-YjrudLLXeNEyI56jsgkHfEhLYjBHEqLZr7nb8cJhvRc0gD0RnYAxl6SmSG6ovRjnWxEjlBxYDI3dTU2bWIoUWA1dRWPktVo1f/s1600/helplogger.blogspot.com(9).gif'/> :i
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQWAJKG0XHwCQiOmN7bLxWEhKMl8hPfUESeSG3am41LwPFWsccoUEuJ-xzVT9NVi0vuArJhqZuHBFODdGTDdhdSmjk7JRGIdJ33PFXVznZE5159oqwAAcXOdsOm1edE4kt52ZcWYYGn6R2/s1600/helplogger.blogspot.com(10).gif'/> :j
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLrwTFzDNudnq-ZmsNxOmAZz4j8G2AK7peIDbO8QLOHgLe0dPy6ws9PoGymw7R-mj6ceX-peK3TRtrWUMM_G7TvzSAs3-LSdI5MQV0vKF_1fQ_it5O1efikF5aYnT_KHypEz_m8uSeewfl/s1600/helplogger.blogspot.com(11).gif'/> :k
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmT46ayyPUl1kr5BaLkG6L3R25h2Yz_9-VGRWni-k-PcBe49iFyEyYoSLtgCbsVMHa_rlrRsdT1_iHXTTvYqx13uUCuSxc287f1f3n7oGghbXDnzrwwiRbyXe3e-TrfaGF-17KXvpirX9f/s1600/helplogger.blogspot.com(12).gif'/> :l
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj28Qz1an5JA4IZ2hpgZsv2zd6dRC3tnGTsYubGU3bMd7UaO7hNePD_2AytV1OiInxFDAKLD-RaxnfY0aSrcY8ckHrqRmpf7WshT0jH7kIueQnPUsBY8y9DevllhWxvg8-M7h5If3SMtSzD/s1600/helplogger.blogspot.com(13).gif'/> :m
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEix0hFI78EQtubVxQcMr9BuC4byW0S7oOLtaGNzGeUbm15Yw6HAkC2fCWii64D59qwSxukL0g3DQy-6nPzDCk9kyZH24w1K6u8RRSoFvPUIwMmnsNOFkNGUIra9TQlIPD4cazdTiu0QMy6Z/s1600/helplogger.blogspot.com(15).gif'/> :n
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCGLDyT8qLLfJjZrbolrmTBoiATx3KGDZ7_LI95mIoUSA-jzqpiUsEIdiTTWJcjNDFu32uYpbBfbEinJQUuhcZ-afoQ9nt31YpFJJuB142A9vcxLKOMwPyo9MEJMPsV-jeO8nLxCtU3tDd/s1600/helplogger.blogspot.com(16).gif'/> :o
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_iAeH-CXY3aaOnexSVcWibVllnHItvw_Rja3fs3LqfAM2LgbfKqXboqgp7DPhUXR4M_eSadvXzhkGE6dt3sK9QsiuOz1rVP3xpZSipH0QGXwRmlWFSIDauD_NHhw5GDFcM_-wOod9mTX8/s1600/helplogger.blogspot.com(14).gif'/> :p
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjffPfbpVskQ-HLYJKzUuaDOg9XsUWDmSCfyU8XZ0_4YVn6fLd0IYQ7COfIP0pVG44rkwLCaAtx70uH4roOW2lT3vI08dQpavi3rrImG1FL2T7rnccR4wq3TrSo6u_VBGp6-rFktetPh6Gf/s1600/helplogger.blogspot.com(17).gif'/> :q
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcZ_mWDEqajMai8jAgsnaVsb9zye-Y94eqk1dLW0nmByArkFDuEyPndHabrrvtyJZ3fcxmzcLxoOtuDUVMUj2oXXVOnSlM6yhOgkVu5EFbyu4_aMNoV-bFA03bv4CDF14yHeN709iKUlzg/s1600/helplogger.blogspot.com(18).gif'/> :r
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4S22PFzMmsBGR55B8auZnvt6uGWTKgZPLbtD074cA3fxyl1_qhCOJ4JW_jkPmjHYY9p0x3er5fev8ZWxuRI6FDLTZ6CI7GFb-62z2tUMHOBlcztdOHiZtR3EhL6zVTAOGKbls9xhVuIp0/s1600/helplogger.blogspot.com(19).gif'/> :s
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1QeODZwZoSYbby_9bvRK8LPjOLxysdsngczCFI2ILDjEUhn4Fn9_bofMsh0uZknIqXaDY9525Nw6zeXX_BylT9Q8mBmkFLxjYR8Bs-h3GVMv6slpPpbzMMhzbXrLZrhBkdN1YnMlB_XIA/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>

 4.

Find this code :

</body>

And add the following code 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"/>

 5.

When done, save template and exit. :) Enjoy, your Facemoods Emoticons on Blogger Comments.

source : http://helplogger.blogspot.com/2012/05/add-facemoods-emoticons-to-your-blogger.html