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/AVvXsEhNS4diKXkdenQLoZ-KobfrEucNt0jsNVgJoa2pjGZgYBF8kx-VVGQrwz7UrYF94IiSIFD5fLYo4bwmJK1XnE4G0uSRf-SwEZkUQgtLjSGX0X7De8zlBAeB8Ev8jdhXp1iru6Hg_25ypNcf/s1600/helplogger.blogspot.com(1).gif'/> :a
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMgztmuOySPRWfUmL2FjR-30sk3K5BAKCpM0x2gHpZ919ojJcWbUoKaeLpgln_tiQU1enzrm2BWdKPbVEoIP-OaigbHZl9Fnjdupr1EcdfBqnQe5qE8PHZJXslTJy8N3s6BZ4-I9tiFnj8/s1600/helplogger.blogspot.com+(2).gif'/> :b
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfZk9zKIS92o4q5mOxlT7wUfnFEIicn-GVIuJAw3ctHSYCXb4GQvzjTlXwJUNqHc0lCQk8iortU0M23-qFZVZHU-DXojg0J9tjzExWQ-GvMaTCmPz4IFl6Y5AzJyxHLJ2d3eC7SpvziSNi/s1600/helplogger.blogspot.com(3).gif'/> :c
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4xlvBaGbpiVLFK5ZFTQ1ft1xS3AE9r5tOUOitff0JwuqmxsrYVjMrmwFHc6kJu7uakoCsWr8DTDnzfHa3VqStX3S3BFo_d5RyURF-C1LeHh9rsk0lwj2TK33iMCFPPAMYb2m__Q7WNqXY/s1600/helplogger.blogspot.com(4).gif'/> :d
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-ViniMyVwB3iJo54xyet19xnJNirWz-uoG67RrnKRJwj8tAZa4I4Yeib1XIVRhpMhnXiG3QJUovHM9SGC1RojJAg6Ov3KIA4hANpI6QKU0AUxHBcab_L8sPfcR7Ma3HANTw9OiG0YogVI/s1600/helplogger.blogspot.com(5).gif'/> :e
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQtPZg_iCkmnB1UIaDpSJun_992IkBDVXc1YvIO9DJaI057bG5mOP0PE3jtp6e8oQpIkGdTJeAMPnumDwJLzhhigZG139_JtVnUNmEsbpZdSojrfdktR8Mmu5oeQyDbEFhq0wKD8v1Ameb/s1600/helplogger.blogspot.com(6).gif'/> :f
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggaaxCHcYJcnAha6dS-gSQ0Wguhx-7_cmbgb2aXuQT9eJfRL0PsjLFZyh3K7AYhJ8W0oCfoUwPz2ahZ1Bq2LjF1mexbyJIBRc1y9VV6M46ElAEcP_qtyogSrtdav8nhvtbHzaJ9KIhsDd1/s1600/helplogger.blogspot.com(7).gif'/> :g
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgE3jMdhB8K7onnPCYRz_UmtFg-4dV8ZOgD6nHqi7qJkrZw7El4716KT0PGGfhB2zNKtSQJQBYrUY0PEf70w7qJryMOZnIkSxaUPT70ddkEZ985f11g-YU-SLzpl-AVNdfbIghcqYvaGB6N/s1600/helplogger.blogspot.com(8).gif'/> :h
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfCHYeOkUyOmiAVPc3T64kxriZv1nPW7FS9Qx85-dmERn3BUenFnzOTM3OHUiBY3DWfO77UwocvShFJvJJoLc-ontEcMGv8z4fnEbfCDSykZAsx64Sl02xGSj2Nk92ai5DRpF9MfGKjPnz/s1600/helplogger.blogspot.com(9).gif'/> :i
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiL7kkE2txFoZa944FKVb2wJGtcgT3HxV5zxfykv1n5ugRPI_e8Edehc2SUjuA_pO1vXUHJ507Vy9bZfiOAxEFB2oxjgYfpx-Bnl6PJS9gQSZatuJw2JQ9KCApeVsJg2mW8hbRGuxUPEhxY/s1600/helplogger.blogspot.com(10).gif'/> :j
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTLaCCHT6We3BasmxlLANF6zC_DUsE0GPdwRiJ2a_-dHK2W04mTX4CxFLbfvEuioWKj7jSQDzgZu1wmOyehe_7n3faCIhM9EywueFCYQkiEjU1slk2qMAvcLmfx75YDD9JWOlBoqBMDVyI/s1600/helplogger.blogspot.com(11).gif'/> :k
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgC3vOYfYN3XyvmOCwN6eRL6jZMvvS9iiVo1XZMhQjr_dX-CMqxHrRlRhUfyhnC47gvmYAUZjGR-4bCRomXJgpvhdPJHqMLsksozcVhC1mtO_UwRgVrnDfNmIjD-_KZjf5fQ7FbnfQt7pcz/s1600/helplogger.blogspot.com(12).gif'/> :l
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBXFrvXrRFcZHSfbzAXNYXFkv57aXQHFZQLdeUDjK0VIwissHWJjSsrv3dvSuIySXmQYIgb_k-KtS95KsRcTH2dQCrOuee5SBVkJsLmnDNRus91HFSNzmbVpK6SQYmewij18E7WatULu31/s1600/helplogger.blogspot.com(13).gif'/> :m
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1-n_blW7f6M0XYBcJ5Rrd9jTYUPK-j8sZzBDAdBzymK8KFGxDJ4QeSHz0ncN4onqwsACT1UWPoHYzSJCLHXM6Htaez6aKebdx-fvpmKkfnZpufJGHsZRm8DQTK_jUUQgdGVBAhu5jh-wR/s1600/helplogger.blogspot.com(15).gif'/> :n
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZnd2bSNgfmkGP-fOcuUA9TnPJsg7kXT7oMb9jt3vjV9JajPkl6_yXpQ4ulGzButuk0fvf10Xg_zWmPonauMeE2WnhqsSPitznN0u8DEM9MhAb6XAFYa5Bv5EZeSLJOf2l60KOq-mQwW7D/s1600/helplogger.blogspot.com(16).gif'/> :o
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYA470_wLcI5XmAHPnainSujWEvm-RO4ttJBqi-hCj_GfpsZA1O1-qsr4dsaEb8mOIbFVnFWenbFXgnjnNILcJOsKLQJn-3lC9RhVUaZLumgjefuC2Jx9DYvtCuvYe9-fZL4nxp1x6UXsy/s1600/helplogger.blogspot.com(14).gif'/> :p
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAuohyphenhyphenC8bTCcYFlTbQWCHH8MV8q18qgeb3n7qnCKsc-S35OsNr5wFjajw94i8yCqcKIiK3iKh51lZuUCijzgiWBhIkEWUVL7eEhNQmHjgZsfCXrlmAXSGhQ_1_sso1Z2A1kYEf508USRRn/s1600/helplogger.blogspot.com(17).gif'/> :q
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJWxjYxvzoFwmq_-0I5W7DVxPyOV-sfUq_j6dlPZB8_qWhbrhRkju4TRSXfuXP_Re5F9xTWrb0BemaH8DyV3gBstN-3LgdGgrzeuAaGOHlGWRjbENqfyFeiM6Wsz2wmXhxzeVYUCT3Dhl7/s1600/helplogger.blogspot.com(18).gif'/> :r
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLa_wribCfy3ISiWnYNW8t-BYffGKF_hldn_M7XgCUWaUMyikRu1vhKFXVO6THA6ru64enXsbDQ2pwTlMHq-dhu6Y7ywiq4z7PSItXUXlYtS17mO6tBQf0qjbIVLZN7HDCMXLuggOV7c67/s1600/helplogger.blogspot.com(19).gif'/> :s
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoZueq3IjGsMhieOv_U7Geogu2kTGfTJAU1EzK6w2Gx6TLiwpG3aAIaohb-ODfzjO87oHlc3Zc98WVRi2MTTL02uLzYDMQQtocuUUzQBWemqS1xmCgDRcnSvPIX9HK8K3NbalrzSpeu7_v/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 :>