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:

DEMO

Step 1.

Go to Dashboard - Template - Edit HTML - Proceed

...and select Expand Widget Template (don't forget to make a backup)

Step 2. Search (using 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/AVvXsEgQSCxWG5E7qL3XHH1V8B6I9IJNtD9C7fiwvy3IalvEz2-NrxU6vdH3-Sq12qvL6rcUw-ZJQx2sJ7sGYVvdC2ZkciZ0TSGhG7fV7zgfjpExbMfBFZ3hDrJQ3cKuRlYQSBPqfJZ17b3dN7vd/s1600/helplogger.blogspot.com(1).gif'/> :a
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirNG-vO-bKJElIM6HiM70SY7x-0QNPa6xS_cFiXdma6_A2Mzi5a7VJS1mgKYzA3j9cFc_ejmKZeP7l_sAtm8s3_HrCk5igWTn4KlFXbjmbDM-PeCOLbBK_3h-9ufETIg8syb1sdVn7VOl1/s1600/helplogger.blogspot.com+(2).gif'/> :b
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjm7BsIF-WYbRKtCdh4Z-aKaWTI5FnnOLC9vBXqAY4S8WjkQB2q1R_tfRr_-_eAXEiaMR2BglQZPOn4FjzovlmCoWZhKl9t4O6JGQDkJe76AeFFywIHSd6MIxZBIKurTcrhzRIMgGhwvrzi/s1600/helplogger.blogspot.com(3).gif'/> :c
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhB_nwYKm5uzv8l74oQkszN78mJCOC6RJIXHdh2cbL2NIul9aI0FS96crpEHyZbp4X98meZwA_a4aHIayie_zUfNSgoM2AILLcpu9LZgg7Y2WUC8daVREO5JK_vrs13V6ZURuIeP4SGhgAI/s1600/helplogger.blogspot.com(4).gif'/> :d
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZgFsj-OiBU33WBzCy1CbenHDB6o4ia6BxfJWiQ4cu5XT5hzBMwd6aUMiQZ0KfEJ-UY2tVTCmyajQnYltwv72j2dAq1uwgCam9sJ0eHEA192xt-JwEpCdo0npCGQ6vux5-WPgFK5B6MgAD/s1600/helplogger.blogspot.com(5).gif'/> :e
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1No2UaKq5kKiJl5Wzj5vt-kUxa4YKKtMu8YXabmdA_rm-BvtZPzbJ7ichRD8sQRnQAXCW1ZGL03XfwnK7Jm5BNacjXlO77_Q_EyEYvUYSkslEEgakfjPhg0BSI4bOH1WL2lG5GE-1YRet/s1600/helplogger.blogspot.com(6).gif'/> :f
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjN4iUW79P8Y-6CaqkWh0cXzYZklHkFOHfozc2KLPX7IhtBmq6QKldxEtVpJOgmmeQLRh9q0KBtdClVMSDnFu6oTCxSSYywW2U7Pp7uUNr5mviEi5XLL7FjzlThxkDqmHkn1PsVes601Vyk/s1600/helplogger.blogspot.com(7).gif'/> :g
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSm66wQ1c_FWOJ0uT4PlLFTlp2_5fSQceTo-ZGSaL-xbpdXoKHX9DSDDChP1jWY4SypnzrSIytPzCya_b6hBIc8STfuXJeLC14Z8Wk7VI4A82iQEe0tKSD54K0FbyvbayMAlucTcKoCVdo/s1600/helplogger.blogspot.com(8).gif'/> :h
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcm369sBJkOGk9FK8I2t6mDwsVox_w_T1EVMhnI1jeuzvQQprDVu47ljLzb6jw8V8D0hzhtgWUBtwODAmnc8YnYe0n47Vp6N7gkzR5Ua96XutNDU5x7Z27XCj3Ju2nqvmKBen8TThp6NHk/s1600/helplogger.blogspot.com(9).gif'/> :i
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9kv49QeXWyq90CTQajC82eGRY3s0he2KNc02IWazPI89-5NRMRJMFT_wbKpBo1B70_RlA313WORJrTkub-nKieRNL5TKgYR0ZisiPKa8mh5UuyNHJzIqyrg72Nhf4Ls_c3_5h9ud7MVYB/s1600/helplogger.blogspot.com(10).gif'/> :j
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjPs30WF8Et5RmD7jB9_J73h4zqrO8-glHxiXiiBNXxN_LooFvqi6Klwf9NULPIv8leh0fxnoyu6UWSev0jaKTFatpS5Ek1ApzUcFH3LvXkJ8jMmqRUgcevQx-OvIZKEd8G9T3_2WKfb49/s1600/helplogger.blogspot.com(11).gif'/> :k
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBatNizWKJ6RP9kqvsBy86NG0MA_LjyMQq8NHc-SDk-g3b_xBSzGsfcsx-VV_q7w0Puygp3_Ru3OhyphenhypheniSc6GnwX3-X-dwY4i3aVwU83vUa3IflzFCIYcRHhDCUD49aGPUF2S1r8zACoE92k/s1600/helplogger.blogspot.com(12).gif'/> :l
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgihI9Qd-XpB4DJ99LFpEMCCol6fiKL3X0AXDim4JCALreh9EQJ3JQrcUcR7rOqDYRMst_K-hxAeeAF8n3qO-S8WTOoaM-k1TEf28YKsC3TvgkOVKotxnk4y-d3Kw9H9lpLN5Hi4RNZEYZu/s1600/helplogger.blogspot.com(13).gif'/> :m
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6bGaUGPlUoZwktzLLIn5sgU05Kwj1PT6lahdCOWSg2krQpQMYY-BzyE6SOvHDQbRNZjkblKwDEuvsv1xsoTi-n_uW_dKhcuryuH6mW_4yyfjv-oRLZ_GrtNpaq2HjD70oUnWoqUPwf8Xg/s1600/helplogger.blogspot.com(15).gif'/> :n
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7EmWVWBnSOInCNom8aPFTTEa9ETb12ZlT7Y0t35Cs1PkYQpXgR47jdc_nSk8DZpwGBYsWGtxDKpRg9xGu-vqpMdTdXszX12y2MNy0R2e34dPk1L_FV7bhLJPgr7YvsTm8ke4lZnlJrw3O/s1600/helplogger.blogspot.com(16).gif'/> :o
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5IaIKoiQ-4H-e5MzUtN6PeXCKyARRjIKdSEysbPeX-CtM2J0Twg9riBwJkPzEwiyW9qdcbu1vMI81F-hZpCWoB7d5NN565ZfWllNne0B0I74q-GkLwmSodVVODkSFiJfTTlntfeUAlAzy/s1600/helplogger.blogspot.com(14).gif'/> :p
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDaeVwm8DrwxgPItu4xCJvRKtjkKTMaA5VPbRFU-Qmvk5AQuPXaGub1VShKQSjYY65vWL9IBmY6rB0CMTHSCm07eASHcK8wz6tHwMGqFlU5x5eJelczEQjO4v4jm0kzSxkdDwDyB1FS98C/s1600/helplogger.blogspot.com(17).gif'/> :q
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwFdTBdbd1NZd-4YxufhvPcBW22GF_dIq2rDjuZvglqq4VAWYqDFxfzB8TslkJlTcHSO8jI8EA5xMMJ9K1x5hijDexzRe-Ut6AlyE9BGPQ1R1VqO7kcxdnqCipAjZBcPLPBX7qPsnFSAh9/s1600/helplogger.blogspot.com(18).gif'/> :r
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwjFoiI53tLyq7A76_qyOi1QOJGFuGrPjyJJVFCERmcUSLEa5a4VBHta_xyshmLk9iGdF191RD38kOSQuLdV3PGiXGYGRLB9WdRhW-voI8oo548m1J6DsKkEf2Z5q488RvGdCfcp1G8qQm/s1600/helplogger.blogspot.com(19).gif'/> :s
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7qy8f8SFlGaz_XWh0wVZO7oFxnoVFRO1UvdbHtaChy8Feep9YLGISEJxcRSvMOGxutVKELk0TMPvRctpLB01wYaDJ1lACEBxP5VCJlg3KG_CwtT0DCeE6CTBGKRVudFsZoGdsh1JAn8Ln/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. Now, enjoy your comments!

Filed Under: Blogspot, Blogspot Tricks, Website Tips, Widgets on Wednesday, 31 July 2013