0 Add Facemoods Emoticons To Your Blogger Comments

Posted by Unknown at 02:02 Read our previous post

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/AVvXsEgBFOncstuSba4piqGWi8URMQmEqwZlxKvXL1dxK03FVrr8xvoOfyOndmd_0jESWHsu8pWVAL5bwkqMGRpbIO7CJJglwbRgrAcVG4gO0vwMnjypDnA0AKchpWE-7g5l5FuxsgXwSb4XeA65/s1600/helplogger.blogspot.com(1).gif'/> :a
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgygInQxEhaMAN_iByjwUp7jUwsEQW0tucQ4-e66tLrrrQjo6S4ADB706ghMHOBGP8VMvngTzG_m-j5C4fCaxPb9Kqbt5FC6wkGzrhMa5_RTG8rpUYFh8vgI2xsgZUT2P1MgcFthv6SCTke/s1600/helplogger.blogspot.com+(2).gif'/> :b
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5TbciyD1hS0c47p95aTfHARgdTkgWOC7xqJ4wmJpYnflberZjXzhxqKJ4BchxB-M9pGl825tY392w_TZOYHELYam8Z9DY6Q7zpNLcUtah6QM6sujBEIE9TZJkrUehr9iQh_nllikuqzLy/s1600/helplogger.blogspot.com(3).gif'/> :c
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjkb6QB9DMtNVx5HAD1CX6y3FreugVoFr75hjshFNlbtJw-R14BRa5WIEgENe27nyFf8dPbK4SNBrIGgdnrAwD0BsIDdyRXqRqoa7JRGSvhcXBkB-n0EnQTyfSAi10u4Q2LhSgawhhNnH6/s1600/helplogger.blogspot.com(4).gif'/> :d
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqKQCo4wECZpw7xwbzrLiiD-HDHU4LncSi09J3wMIPFe7YCASxS8gCOXq2a5cbXSGYJJm-N-iAaYHAT8eq3sUX9x-kWaqmXSx_kIpqMOe-0KtOwZ0Nj4Ix-AUi5eSnTx0IdrtSNv4OhZ8y/s1600/helplogger.blogspot.com(5).gif'/> :e
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1wYBb1ybMW6PRPkUnyrtemJlbI5EaOOHyq_EtOUH-Pm0gX0PTq6WheLRCEYcvyboG9Z50DO5eiN9e1xr1C0PIQKkBliSRBD-FSsCSAIo5-ggky8c5r8J_pCG86lNsrrappiDQM1ZSrne-/s1600/helplogger.blogspot.com(6).gif'/> :f
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPWW8Dkwh7g8Kj9_doMKmjVkOXXgUxVntMBO7rM2OQHvH4X5eINgmu1Ja7W5ezpoC5o3MwGPfGBwMF-KQDn0nOGb6_v65Sw-gmDco5rvNYwVQf0IEJ70LA4_8ew8LQRHd_GE42no5YY7B4/s1600/helplogger.blogspot.com(7).gif'/> :g
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1TvILjUFp7TFah4xo8sbzQKqv6PQCU660ftULDZDR8DBAjU9kGx1teg0A1SWFQuILDkGHzqx5Gt2_o0QqkYBohgsUE5lXIKMpLRY4P37pSA3o2aug0qIgggcpzs2FHN-5SJgWeIDbnkiE/s1600/helplogger.blogspot.com(8).gif'/> :h
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7KdqWf_-hJA1Cs2g0BZ9jU2ub5qF_92XMTyixLWPztBiAOsk_qoz5gF_dcer6eXqOD7X40AeovJLr9kNEpDYPynm97IF-pIBF9Kp03KeBxN7IfalstOBznYHHm6Ml_2yhS1WuhJKurHbJ/s1600/helplogger.blogspot.com(9).gif'/> :i
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVUwucfxe1JAHd9_6z5duCH6OGA-r1mdF4ZUGyOwjqY-ncdnvVFiRdqxXoUz3deAr5JR_xRoKbN35gBIxfbRbuIKhBzTPBD48tDbITIiW0fLixLX9EKY7jeeRXc1G3mOd1LjIyhmZciheF/s1600/helplogger.blogspot.com(10).gif'/> :j
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHOzoMO-4euxQPMyYjfyA_adwS6DrB-giae5UWOfaaqxMVtgcFLfvEK_UMjiuZu1wHeJz2hR104LCSnna9CQGtAevLxntVemfM31MuhejG3pRek2yfrpu1HO7WWe__EXr5_Gj1mKP_xY6h/s1600/helplogger.blogspot.com(11).gif'/> :k
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7eNmNkgvA_XRZOC8PatS8eWRqJpGkJGtCaoW8Fz1MzXKbqcxKClJbM8aiekk7y14q0T8dUyPfLNr7yZ0rMo06U6goiPSSkqqGD8KXyUHeozcJNgYK79N2_6I9m9dLV6Exwj4dbV-6VkQC/s1600/helplogger.blogspot.com(12).gif'/> :l
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIraFdmTCvXaN88rC_LTKMW9j_DeLAKZoTzI9399z_Jp69Ym09ux7vEZUl6zXgUk-N6qiYlL6FCERXx42bIm_bESHPZWzcYi9anqmayVds38X6W5QAencrgn2TiDOR4_IyhCyLyMc9q-Hx/s1600/helplogger.blogspot.com(13).gif'/> :m
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_GT94-5ztSgYGEVWE5AjwnbAqDqFWeL8JA9YwMbQXJPCSPyHXDegQNBmduID-U4EiTx4Sw5oFlcMO3Em8x3QuVAHrcKWU1Y63c6hxTgCkwrdMnYLlvYq7Tf84spe_CWn8MWBH-0Nsl3zW/s1600/helplogger.blogspot.com(15).gif'/> :n
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVRC5WTfZYDo1meuVmkS8NcZA2D9xrFhoXZSUw25ejQIlQ1_eA6RQuLLVJWvCKQ2YdUylHZ1DxI34V6B-bI_JtWnEh6pJ-eSs1iXaT4bsYUPnXUS_mxXHwAzkYmV7cZo46gBnBlNdUbcQw/s1600/helplogger.blogspot.com(16).gif'/> :o
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgz_kpQbQJ3MwONSN_xczz5rh_9bwBCG1OVDVVQw3eSbFhnB8wn9DBYrIuSk7AHO-G9sXt5lYpUqlfS-ZssDzIuMGfX3ib4WWEOGiFUgWidwzGx25A471k2ToszqJc-62Yj-oTQxH9rHfsp/s1600/helplogger.blogspot.com(14).gif'/> :p
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyNsrLUIqc6EvMMPSV3hYPCJTs8mvpmjy9ypsOLjvw8D1JmNQwgJPjPKh7xu9AEnsfZNxHT4o1WbpzIjOVf07fM3VA7eKBgVEQg6spF8ErE7mdB0tqSomCgrmVJju9rSKnJb9CUc_6GOso/s1600/helplogger.blogspot.com(17).gif'/> :q
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxEQ-jKqN5jalAvN4RhQ9se25IqucBoouhkf6Or-mXEjwmr0Re0ZYSj8ecdo1j-FyquL_fMVxovXcyaqU4wObzJTdiEe0UZ4fsV6rF1u4iDv2Venj0mVT8kC1DoTn101PKulsdr9pzSyTf/s1600/helplogger.blogspot.com(18).gif'/> :r
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhT-xHY89R_D0gaTk5sWjF8ViEIuTduNeiG8U6OVUdHbJaWENgKjhcPBSoOxIR_ODpXEiSYC-RvL6pfYVARH6fsOWezWMhLdsgPAaTuv-NYg6ve66wrTNkbWdthU_0LUtTeqjlsxEfcLIYJ/s1600/helplogger.blogspot.com(19).gif'/> :s
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbyPObf_jJrXN0NlqSbo0DhNgii-EvLss9OC0wXDPG_714o1c-1ExscLWx7o4itYv5SHOdFZDzcycdOlBeph8qu5oQFHWc0O5FDa1WB0VvKXQHADm0QaP6rCTN1cTMOqm4IPfA4JriXFdT/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 :>