How to Add Facebook Emoticons To Your Blogger Comments

Add Facebook Emoticons to your blogger comment Box. A visitor can easily use these emoticons in blogger comment box. These emoticons contain code, use this code in the comment box body, then click publish to see these emoticons. This will create a great impression about your website.

DEMO

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

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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9O_CUxbeuhPIFwgDhgv7aQpN6ZB8YU9tAc9X3HizmBy4ThtNOvOqmk4bBSzzAa5mmARoEgfweU4pmjdl1iSlrKZyw_tu8jxuldm1-Eqim2kNJRzVQeCIs_cOLTELOlAfNxuM4JU4U2GnL/s1600/helplogger.blogspot.com(1).gif'/> :a

&#160;

<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxjMkGckEFfN0Dk6VU7AgZozaVFpjP3R9zo5MgjquHNYTE_Mee4uNNdE3dkJtznKdv9Bu-Dc-Hax0UF21ST81DOUWdq-FDC1aorrVUli0nQnnHGUhFaIjwv3iZsa-9lSwx2VaoOxv7NyFC/s1600/helplogger.blogspot.com+(2).gif'/> :b

&#160;

<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiztL3MJdMcVrmMsOfCXWv7-_KP6BIocCZa7MZpFv4N3kq1wy8Xu9mK61-m6MwtiPUrTlYOcb0Alfq9khdUv4dDusUWJ1D_Ke4IxVXxQgO9Tg9yaD-_9Ix8Gv5yDf4eqdao5YXcpSAfp6YE/s1600/helplogger.blogspot.com(3).gif'/> :c

&#160;

<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhm1H7vbMmkL5HI_IH59zzUjNj4TONLOp8Sw336pVJb-ejqegQEonOhXWus_HOU8WJFRsVSn_aE0MwA1RtDPQM28MzzQ6WXA1c62kV3YGFF3VKOOD4ZUOaNtSxGCLlNTdPbrcxLXVQd8crM/s1600/helplogger.blogspot.com(4).gif'/> :d

&#160;

<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjY5XL_9tgqYRXtxXZjdXCg9eC6AOhWZn-ONdlzoF7UNIoNJqzttXwvt8ILUaifh9-iUCrDBgxPmAev5Y7bBJ_MzbN43KyQRCuk-YEhFopqq4jHffXTaWlZgtTfSQjeZLJMVXLYlJcxh6fq/s1600/helplogger.blogspot.com(5).gif'/> :e

&#160;

<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjx8YlsqN-2_QLy-Azead3tx00Ytb3Odoyy90XllPPBVWGYLSaPT-UjKYGYebfYJBJlyBWflLSlotibHPPrfDJfTOk5vfdMh_kaCDDEEjG9Yj4mZKYQo-jkO3R0Eo-97KVZcvqRQJOc5B_M/s1600/helplogger.blogspot.com(6).gif'/> :f

&#160;

<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrSvTlxaZLQmXUF6l7YqEp1j1c7NxtdpUb7CQVMby104ZabmEbyBq6erUmo_PKpsKv4bMl5q3WETIF8BrYcE7PJV5i4hAVX__P4s0utmZWR8dBVHaGkCQbz_MDhviHIQIvmjtbzbQCce6V/s1600/helplogger.blogspot.com(7).gif'/> :g

&#160;

<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLPmBb2oac6Wp8y6iCSEgkxdDjjImyLPj0-uowWlAqWtz5OFHInut9mY_fTrR624tZxltqhw0clMBj7VtavsgEV-Bt92Sdqyze520FfRJtYFSARppUVYqy2OQU4vypPQnNzZyEfnI5CgOa/s1600/helplogger.blogspot.com(8).gif'/> :h

&#160;

<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3HyOo4DdrabdC7X2Hx1nHvIJE1sjoFuQ0JKcEydMUcYdg72_ntFBTM1t3F2S42KAUq_AC7HOOPqVbI7CKZ8QMUk7c-1UYQ4iKSLZkyx0D31WvYGvrbxA2gKXse8V2Qb-xSiq8OdE91VoB/s1600/helplogger.blogspot.com(9).gif'/> :i

&#160;

<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbl2Uzueh-XEHd4-k7Zq0DGrSfOKyY1B-MwGB5mRwqwfiP1FAYA-FhQzncWDA80RFkOnBwjsEvU1LrqXd7NrhhELDfrZj7pYSHKigLVcmXb1su-795pgDM5ckUxIeEj6DHU4mKOM8dxuqY/s1600/helplogger.blogspot.com(10).gif'/> :j

&#160;

<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxAs16sGuNoBOfRRoSux9E-R_1I13y_ckMDjqEytX_Epuhhk5WxZLK1hH8cRUGeb-HWPploi4Xr5pZ7vK473MGd1D9UeTvbTcmQQaCszZtSz6yDRICsIedr3TZiN08Ce3LZdLu2gxkgQAf/s1600/helplogger.blogspot.com(11).gif'/> :k

&#160;

<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8njxlNqEWDTEMN5DvAdkTAbni2C1nUwC7IWCiXvOvADXo6mtrhaT734-z70K5jn4ph6AEN1raYTD6xzTOZRTHNUI7X3PcGX-feHcUmafBv9VHitBQaG-x62sm-dWt2AyEabRcotdIy6bu/s1600/helplogger.blogspot.com(12).gif'/> :l

&#160;

<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfKz3HtvZ-hv3xdBCJTlbQcifRk2ZY9km6EOn-y7fusPTSLSP5UlUJ7NxO7BK2MQ1dI_aZfqnKQ4ny6dtweniAQWM4OIwBcGmslaTbdE3I1m8DtOG7y-c-gwrH4hazkVyLVPUPBc6bBv98/s1600/helplogger.blogspot.com(13).gif'/> :m

&#160;

<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9xS_D50aw91vUgJS_hCcfNBtRF1vsfyxE-P7S2fPDm8YGwnv8x24qj1nnMPRWdyY1ukzaM06zUOedHiobsAynTEWsqLX7xDFcL-Ut5lc08SWtiw8kAMJBNyIY-Zdx2VOJQuOSxKpdCWSN/s1600/helplogger.blogspot.com(15).gif'/> :n

&#160;

<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNvLnh629WLwdwlby8bSSTU56DDuulhk0f24r8cmRh6UmOvFcSyCAOsL4Cz1ouJeMQQguChi6QR3WZR72fhtkRPUGUdDCyTvDooo6aB-BkuCSUZbJpwba8jbxuvbw58fttoN1oUmeZhc3j/s1600/helplogger.blogspot.com(16).gif'/> :o

&#160;

<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiN0NI2l7zIYWWG2JVOLpPKrrJgV3KGaHc25N0i66SRz3kExuM2CGVmKE6_6PsoBnk-_MtPoZDTZVdoIEJOtniPNNcs-9bow2tVr6Kj68itNVzI_pbszoRPRyjXoMcZ-MwlMzsjqukV_hGF/s1600/helplogger.blogspot.com(14).gif'/> :p

&#160;

<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyBQPG6YEA9bEXVxLvE_jpw4YUzwki96K_Tiknt4dRK-y1C42RQ-sMk0oNfPSDwQadPuqCAKve6u3WpUc9vP6VBlWHEdkgysDv8kWaIfE2SOY4Jup2KymAVUwJcX2zL8RBGbVxPo4Df30u/s1600/helplogger.blogspot.com(17).gif'/> :q

&#160;

<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiM4rCYqVQ0QRViLQBFzOXZDt5b6uWYhvOeAU5e-k_uPv1fsLgzb_t7LSo_RLD9CQDMgrXlFzHD39KoTNNSkdh0rItD_w7zE2eItqbH0cT81P8_03K4oLTTl5IgwWa5tiy9CxeLlZc1DG8a/s1600/helplogger.blogspot.com(18).gif'/> :r

&#160;

<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXVV7jYDuizfgjnluyuD6tpcTz-fA6i0qKeqs6NzKEQSB_0YcovAD3aWbkbUq0UUq7GuniHtmAPY4AZmUxa_4vSYwA5Xo0B1fW7Pffi0lW8aDKqA42DOFnj8ieYJOF2GtaphaLl0_BAjCj/s1600/helplogger.blogspot.com(19).gif'/> :s

&#160;

<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgH5W8KTZK6lmBNorfyYdkzLt0n95OZXNdtjuX27IQZGeBgGbDryDM_7VZlMeFRmPVTRx5D1t7sS5RJm8pgpJD7irvkoGmxN3bcfdoD9BrrIZyaswcDl4LRZ6b4Ujzgu2JK95IxlPISGqKJ/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 Done!