Add Facemoods Emoticons To Your Blogger Comments

Here are some amazingly funny emoticons compatible with your Blogger comments - also with threaded commenting system! If you want to know how to add them, just follow the next steps:

emoticons, smileys, blogger, tricks

Step 1. From your Blogger Dashboard, go to Template and click the Edit HTML button


...click anywhere inside the code area and press CTRL + F to open the search box:

Step 2. Type or paste one of the below lines inside the search box, then hit Enter in order to find it:

  • 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='http://1.bp.blogspot.com/-zY65UBxSl6w/T67AajI_U6I/AAAAAAAACIc/fCV19C1627Q/s1600/helplogger.blogspot.com(1).gif'/> :a
&#160;
<img border='0' src='http://4.bp.blogspot.com/-M8aBZtLjGqY/T67Ai2d8eAI/AAAAAAAACIk/PrDerObloAw/s1600/helplogger.blogspot.com+(2).gif'/> :b
&#160;
<img border='0' src='http://3.bp.blogspot.com/-HfIjCWOuxwo/T67Ar7HZiHI/AAAAAAAACIs/RgwvdPP4JSc/s1600/helplogger.blogspot.com(3).gif'/> :c
&#160;
<img border='0' src='http://4.bp.blogspot.com/-98YuuiC8MIc/T67AzJ3Xf0I/AAAAAAAACI0/UtaFpgTb_PM/s1600/helplogger.blogspot.com(4).gif'/> :d
&#160;
<img border='0' src='http://3.bp.blogspot.com/-ikCFMFesIrE/T67BAtTQGhI/AAAAAAAACI8/AisqU7R--Yc/s1600/helplogger.blogspot.com(5).gif'/> :e
&#160;
<img border='0' src='http://2.bp.blogspot.com/-VSY5nbsSEIs/T67BK3G-B6I/AAAAAAAACJE/n_fhk-2Ihqc/s1600/helplogger.blogspot.com(6).gif'/> :f
&#160;
<img border='0' src='http://3.bp.blogspot.com/-e9hytPNLXeY/T67BSj27JJI/AAAAAAAACJM/Rwonrid9oiQ/s1600/helplogger.blogspot.com(7).gif'/> :g
&#160;
<img border='0' src='http://4.bp.blogspot.com/-mT-nqGFvXec/T67BZDPxvxI/AAAAAAAACJU/fgTPtQNxMK8/s1600/helplogger.blogspot.com(8).gif'/> :h
&#160;
<img border='0' src='http://3.bp.blogspot.com/-xcMDAiCizIE/T67BfnBeWSI/AAAAAAAACJc/_OqmXLGhjLg/s1600/helplogger.blogspot.com(9).gif'/> :i
&#160;
<img border='0' src='http://3.bp.blogspot.com/-XJUn74vJTwo/T67BrafHO3I/AAAAAAAACJk/B40nJjxUxNE/s1600/helplogger.blogspot.com(10).gif'/> :j
&#160;
<img border='0' src='http://3.bp.blogspot.com/-JgARtAx7IHo/T67B2Db6LjI/AAAAAAAACJs/U1EWgczqOYY/s1600/helplogger.blogspot.com(11).gif'/> :k
&#160;
<img border='0' src='http://2.bp.blogspot.com/--K1Z6RvN57w/T67CCzlaGcI/AAAAAAAACJ0/iF2-osmFALE/s1600/helplogger.blogspot.com(12).gif'/> :l
&#160;
<img border='0' src='http://4.bp.blogspot.com/-c0DJDg4M2n4/T67CTf-xShI/AAAAAAAACJ8/BqUmJYoDBLI/s1600/helplogger.blogspot.com(13).gif'/> :m
&#160;
<img border='0' src='http://1.bp.blogspot.com/-zrvYy6caFXM/T67CZi7etnI/AAAAAAAACKE/iPJsX_duWjE/s1600/helplogger.blogspot.com(15).gif'/> :n
&#160;
<img border='0' src='http://3.bp.blogspot.com/-F2LUTd1hG_o/T67CfNLnIlI/AAAAAAAACKM/UHuPyigCX24/s1600/helplogger.blogspot.com(16).gif'/> :o
&#160;
<img border='0' src='http://3.bp.blogspot.com/-Vd6U_2eq_Gk/T67CosaWm8I/AAAAAAAACKU/JgnYMS4AJOc/s1600/helplogger.blogspot.com(14).gif'/> :p
&#160;
<img border='0' src='http://1.bp.blogspot.com/-faDYi6E_d6E/T67CybEuj1I/AAAAAAAACKc/nHxSH7KMSwY/s1600/helplogger.blogspot.com(17).gif'/> :q
&#160;
<img border='0' src='http://2.bp.blogspot.com/-2QiwXpJ7gxk/T67C41ItlCI/AAAAAAAACKk/8sba1I9fZOY/s1600/helplogger.blogspot.com(18).gif'/> :r
&#160;
<img border='0' src='http://2.bp.blogspot.com/-KUlSaDVWqW8/T67C_4ITH-I/AAAAAAAACKs/e6N7K2jJvl8/s1600/helplogger.blogspot.com(19).gif'/> :s
&#160;
<img border='0' src='http://2.bp.blogspot.com/-UC_5gE8LgaQ/T67DGU12FBI/AAAAAAAACK0/oHA628PaDhk/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 hopefully, now you can enjoy commenting by adding these cool emoticons.

Share this post:

    Random Posts

40 comments:

  1. this is full stylish blogger too...awesome

    Beben Koben si bloglang anu ganteng kalemt ea \m/

    ReplyDelete
  2. thank you so much for this post..it worked.

    ReplyDelete
  3. thnk you ı m problem error code

    ReplyDelete
  4. there is problem with this code pls help me out

    ReplyDelete
  5. Thank you very much for this script! I have used it for a while and it works beautifylly. It is nice, it really spices up my blog. I changed the emoticons with my own and I really like the look of it.

    But I wonder: Why do we have to remove "threaded comments"? I really would like to know. I am a bit sorry I had to remove "threaded coments" - I believe it is a nice feature.

    Thank you for your love.

    ReplyDelete
    Replies
    1. Dear Anders,

      I've changed the script and now it works with threaded comments. Please check the tutorial again. All the best!

      Delete
  6. Wow This MAkes My Blog Beautifull
    http://hdtimelinecover.blogspot.com/

    ReplyDelete
  7. thank u so much for the tut!
    i have a customized blogger template and i want to show my custom name in comments because you know blogger automatically use author name what ever you have used for blogger account.

    So please help me to fix it. I want to use custom name in every comment.

    ReplyDelete
  8. I have installed smileys on my blog. However they appear under recent posts and author name and above leave a comment.it is not assessable while leaving a comment. I have threaded comments enabled. And i am currently preparing my blog to go online in dec 2012. Thanks for sharing the great widget bu it will be really helpful if you can help me. Cheers. take care.

    ReplyDelete
  9. I can see the facemoods but they're unclickable.. what can I do?

    ReplyDelete
  10. Thank you so much for this tutorial, Admin. I had "other" emoticons working in the comments section of my blogs until they all recently malfunctioned. I don't know why they malfunctioned but they did and I had to replace all the code. Your tutorial is a real life saver and now I have emoticons working again. Thank you and I just want you to know I appreciate, as everyone else does, your hard work.

    ReplyDelete
  11. nice

    thanks blog walking

    ReplyDelete
  12. how do i search that ctrl+f

    ReplyDelete
  13. there is problem with this code pls help me out

    ReplyDelete
  14. Great! I loved it!
    Check out my website please?
    www.mundoinformal.com

    ReplyDelete
  15. Error parsing XML, line 1530, column 2: The value of attribute "src" associated with an element type "null" must not contain the '<' character.

    What does that mean?

    ReplyDelete
    Replies
    1. Most likely you removed a "<" symbol accidentally. Please add the code from step 5 again (2nd option) ABOVE (not below) the body tag!

      All the best!

      Delete
  16. WoooooooooooooooW
    thanks sir nice face comment is worknig in my blog
    http://arabemangatube.blogspot.com/

    ReplyDelete
  17. thank for facemoods emotions for blogger. i like it.I've tried with satisfactory results. I've been following you on google friend connect. success with the number 215

    ReplyDelete
  18. ΗELP pls, if I cannot trace any of the suggested HTML lines, under the HTML code of my blog then what type of comments I have? I believed it was "thread".

    An alternative position where I can add your HTML code pls?

    Ι would appreciate your help. Thank you

    ReplyDelete
    Replies
    1. When you search the code (for threaded comments), there could be a blank space in front of it - try to remove that gap. See this screenshot. Thanks for visiting and sorry for the late reply...

      Delete
    2. thanks for the efforts to reply to me. I really appreciate it.

      Delete
  19. its work thanks alot :)

    ReplyDelete
  20. i tried it but it shows them on my blog but dsnt past them in my comments.. can u please help ..what might have ment wrong

    ReplyDelete
    Replies
    1. It depends on what commenting system you have - with reply option (threaded) or is it single level (has no reply option)? If you have the threaded comments, then use the 2nd code from step 5. Please write me back if you need more help.

      Delete
  21. Yup it Works Thanks *_*

    ReplyDelete
    Replies
    1. You're welcome! Thanks for visiting.

      Delete
  22. Thank you: but appear as icons only, not face
    Could you please tell me what the problem?

    ReplyDelete
  23. Hi Admin,
    This is so cool, it works for me but i have a problem :( My blog is a black themed blog and i(or any other visitor) am unable to see the codes to get the desired smileys :( Is there a way i can change the colour of the codes into white by editting the above html? Please let me know asap :)

    Cheers and regards,
    Bushra from India.

    (As it isn't visible i disabled it but if you want u can have a look at my blog:)

    My blog: http://stillettomaniac.blogspot.in/

    ReplyDelete
  24. Anonymous9/12/2013

    The icons appear on my blog, but how can I apply on the comment? I tried drag down or copy, it failed.

    ReplyDelete
  25. This comment has been removed by the author.

    ReplyDelete
  26. Hi there,

    The icon box appears on my site, but even I typed in the symbols, the icon didn't show on the comment box after I have pressed "publish" I did leave a space before the symbols. Please help. Thanks.

    ReplyDelete

Although every comment is appreciated, due to time limitations I might not be able to respond to everyone. Keep in mind that comments are moderated and may take some time to appear. All spam comments will be deleted. Thanks for understanding!