Add Facemoods Emoticons To Your Blogger Comments

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/AVvXsEhaKBHzQ6uc4J1GUz6iVpe2ZPGScFdYIoAMaBJz1aF2aH6H1xm0h7M-WxAWsOz4u_Jh9B7G8-vkjQK091k3HCe1DgRGSbt_Ucro3v4UVgDPAKAKo43rIMUKbyERhYTMnL-1fpI6jRglUJ7L/s1600/helplogger.blogspot.com(1).gif'/> :a
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjt2sXuKxrQ6fpH0z9UBdWI3M-mF5BywCQEd4anJ9OigY6BLuieX8x_6I9SrJQOQpFskV7weMYgH_ituvY3YYVkg6Q3k-yM4Z1RNuFCQOwobT11Fjb23JZuxohJ4YVeTCFM556-r8loZbbI/s1600/helplogger.blogspot.com+(2).gif'/> :b
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEib_m3cRcOps1_NBCVJYutqj8_WkMmoXO6kgmolJ1l3j00pNUCtVsFoHdtCnd7fo1m0g93yI4pizMEbje6EQl1hyG4kZPGQ1LAt7TOMuigQjHVm7imAj7PQZsw0sBVb28hyphenhyphendUZUP7_sLeJu/s1600/helplogger.blogspot.com(3).gif'/> :c
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHcoBGfl5BlZyTT8X_cOeKM9149sq_IyeCJW7pZKlhTwD7BCpHeU5g8uzaovSBzE53Ww3r3wfVxZM7K3yYmXiY3tmvpvnNzCR0Jn__vmPfCXsw9evny-xjQUzwsaKNv0Q2_0xLCa_mSqsA/s1600/helplogger.blogspot.com(4).gif'/> :d
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1EU8QQKKALOlsKkD09dlC5bD3xDUPV0_eFGnDTt815lNN7LYTFXyBDJKjApUNafkDN1QQfJVtE47vOQBrPoqXNE_afjrmAnAB7S0AKQ-cJQOZdHMnnQWcVFSCMqPoo_eJJdltQbIpi2Jo/s1600/helplogger.blogspot.com(5).gif'/> :e
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1FsI86dANM4Rtu4wc3xCSjKFpRJhApAPc05cZLcYv0pXRmvCenFYJMq9lhb57_4yplOeJX_mg_cfZxzc0vmoECxE_RHAeBnqoW1T7R7pWWRiHHUgicl_jfJkz-eh_Uta7JAWMFc0yNafB/s1600/helplogger.blogspot.com(6).gif'/> :f
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3ATGhG9F743ICvtI_qIFGQDOMpVxJoFJb2XUxwF5OyvePyLVZTaCYZobnn2MgqUHjbABrypsIUNEOHIEaY6ZCwFMVFGk2ojweJ_9Ux2pMPUcMeYsH3F1bfwi6LNrmeGpb5x-vGru9cLKj/s1600/helplogger.blogspot.com(7).gif'/> :g
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9gP5OYEwhyvJcPO_vsWKSs1aCMtTcJITyxZRbfpSvo79TjlaZfPhaYUujJBBuGoaDSd_pKs7qPOtysQmhtWbeYLWlsXib3tyDPFrmFzL_pEcPnJPqfUZQEJF0xje4EBVbsuvn2rgnDk8M/s1600/helplogger.blogspot.com(8).gif'/> :h
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4fQ-12obP36GkQeL_tQ4Kx_CQJZJYQebRLB_4punvADAhAVHAzpe2ODHsX5TahLyV2q_IKP5m7Vp35v9zLRvXHaFYZDu4spXe9IqCNg4bReMXS5qc1viclgyhKMXUCiM-am_e4gpa1_PU/s1600/helplogger.blogspot.com(9).gif'/> :i
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOzPJnqtMqI6swJRl7eqvtBnjISaAopC1pJMjG2H2scWtRcsSgjH3FPtkAQlzHovENoP5yMslmt9imzSnKPZ4IPM_m7nIYc_6gPcndmhUp11SWFD8xW6CE-odidTE3fEKwl3qC-SpMyZFj/s1600/helplogger.blogspot.com(10).gif'/> :j
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYa2ImbZOyg-e_0-Ma1m03hQ9fwxFxdtBxjsLNK2PJa0UMevP7XHDflHc1Y-xsNdizfWAKMIYjPb3pumzL2Q-gBPOOHp5GKC1fEzBx9Pm959Amq6EfNuTVGhKgOPKzkffPrOStG6XQr-7q/s1600/helplogger.blogspot.com(11).gif'/> :k
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1nFo1vCbdZDsCfPgnRPs-EwS7xCRnNPWpLsui45SExQCCMBe4_9jXFtW1VRCb0Pq6vrfn8yxRmVZsK1aZKTpyEGafhyD5MjineiVz4Bc5q-J3dKo_06FRMW8H92burKn07Ihvluax_sbj/s1600/helplogger.blogspot.com(12).gif'/> :l
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTz-bKYx51TwW42Ubq9Z8vc4zXf_Dx1SQhIFRKaS0E4JWW30A2Dp-M9G9cuwdH143PlRKGd1-fDdWm7fFr25BngCz9N_WSxvpUY0r9n6v2sgZ_M7ylWjKaqUPwQ8HdnH3Rn6rW34VSvuF6/s1600/helplogger.blogspot.com(13).gif'/> :m
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihI9LpVDgVgA57EHKCCDDn-gaxn4EwO-TuBbJ8YBI9oOSdQyewNNRcJjnf4SyseN_CFdHUJNTXAqRFcLjZUKIarKcKkeLrIh9e9XHP2UDGXdTjyOOkMXffr1dvXUrDM6ylHShAV0B9JoA_/s1600/helplogger.blogspot.com(15).gif'/> :n
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2E7-nXMTg1UXu78Msw_q8QB80mYW-Ua6jiZmNDx8y1s4TxKReWC6lYFyleMEbbG1Vwye2_OclP3ozDK9033BZ1qgr81n6B1HvPFgyBE2y781XwhzsErBTwip97kIKIzGi0tYZeFcWodCb/s1600/helplogger.blogspot.com(16).gif'/> :o
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_mJe10UlJPYyhM65kMRpwKyBKSH8VEWyFcQ5ZsWrGTtUmZcmL854ZRdXb8WzVPy5n9UAVD1_2wRPFdx7xI5fWcKx0CIcmqvL4-Um4fcxTeVEtqIPWuB_U1c79eWz9c1OyDFG8QDN-JvmQ/s1600/helplogger.blogspot.com(14).gif'/> :p
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi352eX7bHYevxShy4IBPdp8agyeyFwqjhqeMwzVHHXYGBZfOS5IRBShgKa6mtXzBL-3_e810Jd4RfCwXdTf3pmKH_RgPYNbnYmEvlwa5CLU4EG4JZlNBOJ6oAGQNNibo8MJnyNtYDyf5YM/s1600/helplogger.blogspot.com(17).gif'/> :q
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtPN1y7FJP39gJ38k6g9lb9XJdVNk7DUFFsOkvAtOTQgdLqZJq_bL-ZD8pRTVsPiocjEz73M6KIXCuJIrW1WkpmJRv86wMOfgvAZC7HOz-FmlyEwX5tLVJyORkYmKVncR6hisOdagivQGx/s1600/helplogger.blogspot.com(18).gif'/> :r
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEientkNB2ZKnVE4okmhNhEcuZz3Yxv7dXpCnrtlYQGwaDEUpxykpri6-QM3TRJrI581BH1KujMqHrOFc9PsCYT1AYwswJa9qBLlq6KLHW1Qqy-F-s_Zi7t96f2pMLruMCXONOaJAj5R0Y_W/s1600/helplogger.blogspot.com(19).gif'/> :s
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTOMtE5cKxJwN_LVhS_GZFucQfYt7PXnSvtdfIdYuSpBCuPeLbqGsL8BvEvhpbRaiFWaIzwlEd1piMxuL5EMOxZg3CnnUMBbw3yeeh0QIZJi-Mzy5MrzLUZwlYJXTLY-gjrROCfDT3FwMx/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 :>